Beautiful Light Wiki beautifullight_en https://beautifullight.wiki.gg/wiki/Beautiful_Light_Wiki MediaWiki 1.41.1 first-letter Media Special Talk User User talk Beautiful Light Wiki Beautiful Light Wiki talk File File talk MediaWiki MediaWiki talk Template Template talk Help Help talk Category Category talk Module Module talk Gadget Gadget talk Gadget definition Gadget definition talk 0 1 1 2021-11-29T15:17:56Z MediaWiki default 0 wikitext text/x-wiki <strong>MediaWiki has been installed.</strong> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software. == Getting started == * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ] * [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki] 5702e4d5fd9173246331a889294caf01a3ad3706 8 1 2024-07-23T02:54:09Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Beautiful Light Wiki]] f657f856c271c60f2e43e541b9957995e23f83f7 10 2 2 2022-12-18T00:55:51Z DynamicPageList3 extension 44285 Autogenerated DPL's necessary template for content inclusion wikitext text/x-wiki <noinclude>This page was automatically created. It serves as an anchor page for all '''[[Special:WhatLinksHere/Template:Extension_DPL|invocations]]''' of [https://www.mediawiki.org/wiki/Special:MyLanguage/Extension:DynamicPageList3 Extension:DynamicPageList3].</noinclude> 087ffd4625ae7b1fea3436ec3f929e82ee739d29 8 3 3 2024-07-20T02:14:12Z Pcj 1919 Created page with "<div><img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /> Page content is under the <a href=https://creativecommons.org/licenses/by-sa/4.0>Creative Commons Attribution-ShareAlike 4.0 License</a> unless otherwise noted.</div>" wikitext text/x-wiki <div><img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /> Page content is under the <a href=https://creativecommons.org/licenses/by-sa/4.0>Creative Commons Attribution-ShareAlike 4.0 License</a> unless otherwise noted.</div> 7290744eba73e7f9987d32ef26b3490f5bea3537 0 4 4 2024-07-23T02:54:05Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <!-- IF YOU'RE LOOKING TO USE THIS MESSAGE AS A MAIN PAGE, DO NOT. PLEASE FOLLOW THE INSTRUCTIONS. THIS MESSAGE IS JUST HERE TO WELCOME YOU TO YOUR NEW WIKI, AND TO GUIDE YOU THROUGH THE INITIAL STEPS OF WORKING WITH MEDIAWIKI AND OUR ON-BOARDING PROCESS. THIS IS NOT MEANT TO BE REMADE INTO A MAIN PAGE. --> <div style="text-align: center"> <h1 style="color: #ff1980; font-weight: 700; border-bottom: 0">Welcome to wiki.gg!</h1> Your wiki has been prepared with several [[mw:Help:Templates|templates]] and [[support:Help:CSS|CSS pages]] that will help you get started. </div><!-- -->{{#vardefine:gutter-styles|style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: center; margin-top: 1em;"}}<!-- -->{{#vardefine:guide-box-styles-lvl1|style="border: 2px solid #ff1980; border-radius: 4px; padding: 0 1.2em 0.8em; background: #710e3a; color: #fff; font-size: 1.2em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--visited: var(--wiki-content-link-color)"}}<!-- -->{{#vardefine:guide-box-styles-lvl2|style="border: 2px solid #771c45; border-radius: 4px; padding: 0 1.2em 0.8em; background: #371524; color: #fff; font-size: 1.05em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--visited: var(--wiki-content-link-color)"}}<!-- -->{{#vardefine:guide-box-styles-lvl3|style="border: 2px solid #771c45; border-radius: 4px; padding: 0 1.2em 0.8em; background: #37363736; font-size: 0.98em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003"}}<!-- -->{{#vardefine:guide-heading-styles|style="font-weight: 700; border-bottom: 0; color: inherit"}} <div {{#var:gutter-styles}}> <div {{#var:guide-box-styles-lvl1}}> <h2 {{#var:guide-heading-styles}}>1. If you haven't yet,</h2> please log in ([[support:Logging into an onboarding wiki|help, how do I log in?]]) (you will need to create a new account if you haven't previously edited wiki.gg wikis). If your wiki has been imported and you've had an account on the original site, please [[Special:ClaimExternalAccount|claim your username]] instead. </div> <div {{#var:guide-box-styles-lvl1}}> <h2 {{#var:guide-heading-styles}}>2. Get administrator rights</h2> You will need admin to edit the front page and site styles, and to delete pages. If your team has 3+ people, probably not everyone will need admin. Make a request by pasting your wiki user name into your onboarding Discord channel. If your account was imported, it '''must''' be reclaimed first. </div> <div {{#var:guide-box-styles-lvl1}}> <h2 {{#var:guide-heading-styles}}>3. Start making pages!</h2> Whether we're helping you with your styling or you're making your own theme, you can start making pages now! You can start with an "About" page, and then see [[support:Infoboxes|the help article on infoboxes]] for how to make infoboxes. Do you want to use the '''[[mw:Extension:VisualEditor|visual editor]]'''? Let us know in your onboarding Discord channel! </div> <div {{#var:guide-box-styles-lvl1}}> <h2 {{#var:guide-heading-styles}}>4. Prepare for the wiki to be public</h2> You will have about '''one month''' to prepare your wiki to be public. Here's what you should do: * Upload a favicon (see below) * Upload a logo (see below) * Pick one of the example main pages and add some customizations to it (see below) * Theme your wiki (see below) OR give us a mock-up of how you want it to look and we will help you theme it * Create one or more [[support:Infoboxes|infoboxes]] * Create at least 3-5 content pages Remember, "public" doesn't mean "finished," wikis are always WIP! </div> </div> <div {{#var:gutter-styles}}> <div {{#var:guide-box-styles-lvl2}}> <h2 {{#var:guide-heading-styles}}>4.1. Setting up the main page</h2> # Pick one of the example main pages and "move" (under the "More" dropdown in the upper-right-hand corner of your window) it to <code>{{int:Mainpage}}</code>. #* It'll ask you if you're ''sure'' you want to move the page since there's some content here now. You should say yes, delete the content. You can access this content on the [[support:Default main page|support wiki]] at any point in the future. #* Here are the main pages you can pick from & move to <code>{{int:Mainpage}}</code>: #** [[Example Main Page 1]] #** [[Example Main Page 2]] # Visit [[Special:AllPages]] and delete any example pages you no longer need. If you want, you can do this in bulk with [[Special:Nuke]], entering the pattern <code>Example %</code>. Limit it to the namespace <code>(Main)</code>, the first option in the "namespace" dropdown. </div> <div {{#var:guide-box-styles-lvl2}}> <h2 {{#var:guide-heading-styles}}>4.2. Theming</h2> # Use [[Special:Upload]] to upload a favicon called <code>Site-favicon.ico</code>. This icon is shown on your browser's tab bar, next to the page's title. It should be 48x48px and look good at 16x16px. # Use [[Special:Upload]] to upload a wiki logo called <code>Site-logo.png</code>. For most wikis, this should be 160x160px. # Protect the favicon and the logo, so only administrators may edit and replace them. # Customize your theme by editing the variables at [[MediaWiki:Common.css]]. Remember to use Ctrl+F5 or Ctrl+Shift+R to cache-refresh in your browser after making any changes! #* Pages in the "MediaWiki" namespace are protected by default, and only your wiki's administrators can edit them. #* You may want to learn [https://river.me/blog/dev-tools/ how to use your browser's dev tools] to help in styling. #* Remember to protect any additional files you upload for your theme! </div> <div {{#var:guide-box-styles-lvl2}}> <h2 {{#var:guide-heading-styles}}>4.3. Sidebar links</h2> Edit [[MediaWiki:Sidebar]] to customize the navigation menu on the left. You can remove the "Customizing this wiki" section if you want, but you may want to bookmark those links first. </div> </div> <h2 style="color: #ff1980; font-weight: 700; border-bottom: 0; text-align: center; margin-top: 3em">Frequently asked questions</h2> <div {{#var:gutter-styles}}> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How do I make a new page?</h2> Click ''[[Special:NewPage|New page]]'' on the sidebar to the left. This link will always be visible from the sidebar, and you can also bookmark that page if you want. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How do I rename a page?</h2> In the upper-right-hand corner of the page there's a dropdown menu. Renaming in MediaWiki is called "moving" so click "Move" and you'll be able to choose a new name. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>When should I make the wiki public?</h2> As soon as possible! We require you to have a logo [[Special:Upload|uploaded]] called <code>Site-logo.png</code> and a favicon [[Special:Upload|uploaded]] called <code>Site-favicon.ico</code>. (Ignore any warnings you see when uploading those two files.)<br><br>You may also want to customize your theme a bit and replace the contents of this page with your own main page content. But once there is even 1 content page, people can start finding your wiki useful, so you should plan to "release" it as soon as possible. We like for wikis to take at '''most''' one month to prepare to be public, but many wikis are ready within a week and that's awesome! </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How can someone else edit this wiki?</h2> If you want them to help out now, while you're in onboarding, then send them the same link you used to join the Discord server. If they need to edit CSS or create Cargo tables, you can also request that we give them Administrator privileges. If you want them to help edit after the wiki is public, then all they have to do is make an account, and if they need Admin you can request it in the {{int:Wikigg-socialmedia-link}}. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How do I stop others from editing my wiki?</h2> By default, wiki.gg doesn't allow anonymous (logged-out) editing (although if you want to enable that we can, let us know!). Therefore, we do not recommend taking any steps to stop other people from editing your wiki. The only pages you should protect are this one (the main page) & any files used in your theme (logo, favicon, background)! But if an edit war does break out and you need to restrict editing, you can go to the "More" dropdown in the upper-right corner of the page interface and then click "Protect." We recommend setting a duration of one month or less. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How do I get extensions installed?</h2> Let us know what extensions you need in your onboarding Discord channel. If possible, please try to make all your requests at once, so we can get to them all easily. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How can I see the info on this page after I delete it?</h2> We have a mirror on our [[support:Default main page|support wiki]], you can bookmark that :) </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>I want to rename my account!</h2> If you reclaimed your account from another hosting site & want to rename, we can help you with that! Ask us to do it at the time that your wiki goes live, since we'll be continuing to mirror edits from the old platform until that time. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>I looked at the source of this main page, why is there so much inline CSS?</h2> We intend for you to delete this page ASAP, therefore it's coded in a way to make deletion very easy (with no extra styles left over in [[MediaWiki:Common.css]]). We do '''NOT''' recommend taking this approach (with inline styles & variables) on your own pages!!!!! Remember you can always view this content on the [[support:Default main page|support wiki]] (you may want to bookmark that page). </div> </div> __NOTITLE__ __NOTOC__ __NOEDITSECTION__ b8422b4154bf7696f681772a5903786dd98dea44 5 4 2024-07-23T02:54:05Z Bot4401 45109 Protected "[[Beautiful Light Wiki]]" ([Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <!-- IF YOU'RE LOOKING TO USE THIS MESSAGE AS A MAIN PAGE, DO NOT. PLEASE FOLLOW THE INSTRUCTIONS. THIS MESSAGE IS JUST HERE TO WELCOME YOU TO YOUR NEW WIKI, AND TO GUIDE YOU THROUGH THE INITIAL STEPS OF WORKING WITH MEDIAWIKI AND OUR ON-BOARDING PROCESS. THIS IS NOT MEANT TO BE REMADE INTO A MAIN PAGE. --> <div style="text-align: center"> <h1 style="color: #ff1980; font-weight: 700; border-bottom: 0">Welcome to wiki.gg!</h1> Your wiki has been prepared with several [[mw:Help:Templates|templates]] and [[support:Help:CSS|CSS pages]] that will help you get started. </div><!-- -->{{#vardefine:gutter-styles|style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: center; margin-top: 1em;"}}<!-- -->{{#vardefine:guide-box-styles-lvl1|style="border: 2px solid #ff1980; border-radius: 4px; padding: 0 1.2em 0.8em; background: #710e3a; color: #fff; font-size: 1.2em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--visited: var(--wiki-content-link-color)"}}<!-- -->{{#vardefine:guide-box-styles-lvl2|style="border: 2px solid #771c45; border-radius: 4px; padding: 0 1.2em 0.8em; background: #371524; color: #fff; font-size: 1.05em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--visited: var(--wiki-content-link-color)"}}<!-- -->{{#vardefine:guide-box-styles-lvl3|style="border: 2px solid #771c45; border-radius: 4px; padding: 0 1.2em 0.8em; background: #37363736; font-size: 0.98em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003"}}<!-- -->{{#vardefine:guide-heading-styles|style="font-weight: 700; border-bottom: 0; color: inherit"}} <div {{#var:gutter-styles}}> <div {{#var:guide-box-styles-lvl1}}> <h2 {{#var:guide-heading-styles}}>1. If you haven't yet,</h2> please log in ([[support:Logging into an onboarding wiki|help, how do I log in?]]) (you will need to create a new account if you haven't previously edited wiki.gg wikis). If your wiki has been imported and you've had an account on the original site, please [[Special:ClaimExternalAccount|claim your username]] instead. </div> <div {{#var:guide-box-styles-lvl1}}> <h2 {{#var:guide-heading-styles}}>2. Get administrator rights</h2> You will need admin to edit the front page and site styles, and to delete pages. If your team has 3+ people, probably not everyone will need admin. Make a request by pasting your wiki user name into your onboarding Discord channel. If your account was imported, it '''must''' be reclaimed first. </div> <div {{#var:guide-box-styles-lvl1}}> <h2 {{#var:guide-heading-styles}}>3. Start making pages!</h2> Whether we're helping you with your styling or you're making your own theme, you can start making pages now! You can start with an "About" page, and then see [[support:Infoboxes|the help article on infoboxes]] for how to make infoboxes. Do you want to use the '''[[mw:Extension:VisualEditor|visual editor]]'''? Let us know in your onboarding Discord channel! </div> <div {{#var:guide-box-styles-lvl1}}> <h2 {{#var:guide-heading-styles}}>4. Prepare for the wiki to be public</h2> You will have about '''one month''' to prepare your wiki to be public. Here's what you should do: * Upload a favicon (see below) * Upload a logo (see below) * Pick one of the example main pages and add some customizations to it (see below) * Theme your wiki (see below) OR give us a mock-up of how you want it to look and we will help you theme it * Create one or more [[support:Infoboxes|infoboxes]] * Create at least 3-5 content pages Remember, "public" doesn't mean "finished," wikis are always WIP! </div> </div> <div {{#var:gutter-styles}}> <div {{#var:guide-box-styles-lvl2}}> <h2 {{#var:guide-heading-styles}}>4.1. Setting up the main page</h2> # Pick one of the example main pages and "move" (under the "More" dropdown in the upper-right-hand corner of your window) it to <code>{{int:Mainpage}}</code>. #* It'll ask you if you're ''sure'' you want to move the page since there's some content here now. You should say yes, delete the content. You can access this content on the [[support:Default main page|support wiki]] at any point in the future. #* Here are the main pages you can pick from & move to <code>{{int:Mainpage}}</code>: #** [[Example Main Page 1]] #** [[Example Main Page 2]] # Visit [[Special:AllPages]] and delete any example pages you no longer need. If you want, you can do this in bulk with [[Special:Nuke]], entering the pattern <code>Example %</code>. Limit it to the namespace <code>(Main)</code>, the first option in the "namespace" dropdown. </div> <div {{#var:guide-box-styles-lvl2}}> <h2 {{#var:guide-heading-styles}}>4.2. Theming</h2> # Use [[Special:Upload]] to upload a favicon called <code>Site-favicon.ico</code>. This icon is shown on your browser's tab bar, next to the page's title. It should be 48x48px and look good at 16x16px. # Use [[Special:Upload]] to upload a wiki logo called <code>Site-logo.png</code>. For most wikis, this should be 160x160px. # Protect the favicon and the logo, so only administrators may edit and replace them. # Customize your theme by editing the variables at [[MediaWiki:Common.css]]. Remember to use Ctrl+F5 or Ctrl+Shift+R to cache-refresh in your browser after making any changes! #* Pages in the "MediaWiki" namespace are protected by default, and only your wiki's administrators can edit them. #* You may want to learn [https://river.me/blog/dev-tools/ how to use your browser's dev tools] to help in styling. #* Remember to protect any additional files you upload for your theme! </div> <div {{#var:guide-box-styles-lvl2}}> <h2 {{#var:guide-heading-styles}}>4.3. Sidebar links</h2> Edit [[MediaWiki:Sidebar]] to customize the navigation menu on the left. You can remove the "Customizing this wiki" section if you want, but you may want to bookmark those links first. </div> </div> <h2 style="color: #ff1980; font-weight: 700; border-bottom: 0; text-align: center; margin-top: 3em">Frequently asked questions</h2> <div {{#var:gutter-styles}}> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How do I make a new page?</h2> Click ''[[Special:NewPage|New page]]'' on the sidebar to the left. This link will always be visible from the sidebar, and you can also bookmark that page if you want. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How do I rename a page?</h2> In the upper-right-hand corner of the page there's a dropdown menu. Renaming in MediaWiki is called "moving" so click "Move" and you'll be able to choose a new name. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>When should I make the wiki public?</h2> As soon as possible! We require you to have a logo [[Special:Upload|uploaded]] called <code>Site-logo.png</code> and a favicon [[Special:Upload|uploaded]] called <code>Site-favicon.ico</code>. (Ignore any warnings you see when uploading those two files.)<br><br>You may also want to customize your theme a bit and replace the contents of this page with your own main page content. But once there is even 1 content page, people can start finding your wiki useful, so you should plan to "release" it as soon as possible. We like for wikis to take at '''most''' one month to prepare to be public, but many wikis are ready within a week and that's awesome! </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How can someone else edit this wiki?</h2> If you want them to help out now, while you're in onboarding, then send them the same link you used to join the Discord server. If they need to edit CSS or create Cargo tables, you can also request that we give them Administrator privileges. If you want them to help edit after the wiki is public, then all they have to do is make an account, and if they need Admin you can request it in the {{int:Wikigg-socialmedia-link}}. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How do I stop others from editing my wiki?</h2> By default, wiki.gg doesn't allow anonymous (logged-out) editing (although if you want to enable that we can, let us know!). Therefore, we do not recommend taking any steps to stop other people from editing your wiki. The only pages you should protect are this one (the main page) & any files used in your theme (logo, favicon, background)! But if an edit war does break out and you need to restrict editing, you can go to the "More" dropdown in the upper-right corner of the page interface and then click "Protect." We recommend setting a duration of one month or less. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How do I get extensions installed?</h2> Let us know what extensions you need in your onboarding Discord channel. If possible, please try to make all your requests at once, so we can get to them all easily. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How can I see the info on this page after I delete it?</h2> We have a mirror on our [[support:Default main page|support wiki]], you can bookmark that :) </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>I want to rename my account!</h2> If you reclaimed your account from another hosting site & want to rename, we can help you with that! Ask us to do it at the time that your wiki goes live, since we'll be continuing to mirror edits from the old platform until that time. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>I looked at the source of this main page, why is there so much inline CSS?</h2> We intend for you to delete this page ASAP, therefore it's coded in a way to make deletion very easy (with no extra styles left over in [[MediaWiki:Common.css]]). We do '''NOT''' recommend taking this approach (with inline styles & variables) on your own pages!!!!! Remember you can always view this content on the [[support:Default main page|support wiki]] (you may want to bookmark that page). </div> </div> __NOTITLE__ __NOTOC__ __NOEDITSECTION__ b8422b4154bf7696f681772a5903786dd98dea44 0 5 6 2024-07-23T02:54:06Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <div id="mp-layout1-container"> <div class="mp-box" id="mp-box-welcome"><!-- BEGIN Welcome box --> <div id="mp-welcome"> <h2 class="welcome-message"> Welcome to {{SITENAME}}! </h2> <div class="welcome-subtitle"> TODO: Replace this text with some information about your community and the game it's documenting. You're pretty cool people! We are currently maintaining [[Special:Statistics|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. </div> </div> <div id="mp-banner"></div> </div><!-- END Welcome box --> <div class="mp-box" id="mp-box-about"><!-- BEGIN about box --> == About GAME NAME == <div class="mp-body"> This is an example main page. You can redesign it however you want, or you can keep the layout the same but change the contents (e.g. this part should talk about your game). Take a look at some other wiki.gg wikis for inspiration! You may also want to [[Special:MovePage/Main_Page|move]] this page to [[{{SITENAME}}]]. <div style="text-align:right">[[PLACEHOLDERNAMEHERE|Read more...]]</div> </div> </div><!-- END about box --> <div class="mp-box centered-content" id="mp-box-featured"><!-- BEGIN featured box --> == Featured Pages == <div class="mp-body"> <div class="mp-links columns-3 stretch"> * {{MP link|Important page here|image=Wiki.gg logo-pink.svg|size=92px}} * {{MP link|Another important page here|image=Wiki.gg logo-pink.svg|size=92px}} </div> </div> </div><!-- END featured box --> <div class="mp-box centered-content" id="mp-box-basics"><!-- BEGIN basics box --> == The Basics == <div class="mp-body"> <div class="mp-links columns-3 stretch"> * {{MP link|Navbox|link=Template:Navbox|image=Wiki.gg logo-pink.svg|size=92px}} * {{MP link|Infobox Character|link=Template:Infobox Character|image=Wiki.gg logo-pink.svg|size=92px}} </div> </div> </div><!--END basics box--> <div class="mp-box centered-content" id="mp-box-gallery"><!-- BEGIN gallery box--> == High-Priority Projects == <div class="mp-body"> <div class="mp-links columns-3"> * {{MP link|Getting started guide}} * {{MP link|Level guides}} * {{MP link|Other information here}} </div> </div> </div><!--END gallery box--> <div class="mp-box centered-content" id="mp-box-links"><!-- BEGIN lists box --> == Useful Links == <div class="mp-body"> <div class="mp-links columns-4"> * {{MP link|Items}} * {{MP link|Characters}} * {{MP link|Spells}} * {{MP link|Mobs}} * {{MP link|Other}} * {{MP link|Game}} * {{MP link|Elements}} </div> </div> </div><!-- END lists box --> <div class="mp-box" id="mp-box-contribute"><!-- BEGIN contribute box--> == Contribute to the Wiki == <div class="mp-body"> {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. </div> </div><!-- END contribute box --> </div> {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]] 9d7d791f87b7498a40b8b0bc9ff5b77ae2d4b578 0 6 7 2024-07-23T02:54:08Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <div id="mp-layout2-container"><!-- BEGIN grid container --> <div class="mp-box" id="mp-box-welcome"><!-- BEGIN welcome box --> <div id="mp-welcome"><!-- BEGIN #mp-welcome --> <h2 class="welcome-message"> Welcome to {{SITENAME}}! </h2> <div class="welcome-subtitle"> [[File:Site-logo.png|center|frameless]] This wiki provides information about PLACEHOLDERNAMEHERE, ... We are currently maintaining [[Special:Statistics|{{NUMBEROFARTICLES}} pages]]. Please feel free to contribute by creating new articles or expanding existing ones. </div> <div id="mp-banner"></div> </div><!-- END #mp-welcome --> </div><!-- END welcome box --> <div class="mp-box centered-content" id="mp-box-links"><!-- BEGIN links box --> == Useful Links == <div class="mp-body"> * [https://place.holder Link 1] * [https://place.holder Link 2] * [https://place.holder Link 3] </div> </div><!-- END links box --> <div class="mp-box centered-content" id="mp-box-gallery"><!-- BEGIN gallery box --> == Features Gallery == <div class="mp-body"> <gallery widths="160px" mode="nolines"> File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] File:Wiki.gg logo-pink.svg|alt=|link=Page Name|[[Page Name]] </gallery> </div> </div><!-- END gallery box --> <div class="mp-box" id="mp-box-iconlists"><!-- BEGIN iconlists box--> == Icon Lists == <div class="mp-body mp-iconlists"><!-- BEGIN mp-body --> <div class="mp-iconlist"> === List 1 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 2 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 3 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> <div class="mp-iconlist"> === List 4 === * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} * {{Item icon|Page Name}} </div> </div><!-- END mp-body --> </div><!--END iconlists box--> <div class="mp-box" id="mp-box-about"><!-- BEGIN about box --> == About GAME NAME == <div class="mp-body"> '''GAME NAME''' is ... <div style="text-align:right">[[PLACEHOLDERNAMEHERE|Read more...]]</div> </div> </div><!--END about box--> <div class="mp-box" id="mp-box-contribute"><!-- BEGIN contribute box --> == Contribute to the Wiki == <div class="mp-body"> {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. </div> </div><!-- END contribute box --> </div><!-- END grid container --> {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]] 98ff7eb419cdae37415e7ee093b6e793d259bad7 4 7 9 2024-07-23T02:54:12Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [{{int:wikigg-tos-url}} Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] df19a16b81716df19167963fea38fb6ffe3d4095 10 9 2024-07-23T02:54:13Z Bot4401 45109 Protected "[[Beautiful Light Wiki:Copyrights]]" ([Edit=Allow only administrators] (indefinite)) wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [{{int:wikigg-tos-url}} Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] df19a16b81716df19167963fea38fb6ffe3d4095 6 8 11 2024-07-23T02:54:14Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Wiki skin images]] f0235f85e2414431e046ae251792bf050daef5f7 8 9 12 2024-07-23T02:54:16Z Bot4401 45109 Adding default set of pages css text/css /* All CSS here is applied on api.php pages */ @media (prefers-color-scheme: dark) { body { background-color:#20211f; border-color: #7b7261; color: #f6ecdb; } h1, h2, h3, h4, h5, h6 { color: rgb(234, 224, 207); border-color: rgb(83, 84, 81); } .mw-highlight .s2 { color: rgb(206, 99, 91); } a { color: rgb(133, 180, 221); } a:visited { color: rgb(141, 127, 218); } pre, code, .mw-code { background-color: rgb(34, 35, 33); color: rgb(234, 224, 207); border-color: rgb(63, 64, 62); } } c95cf2c22c12d821f22b745f2aa78d4f6f711500 8 10 13 2024-07-23T02:54:18Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <strong>Note:</strong> After publishing, you may have to bypass your browser's cache to see the changes. * <strong>Firefox / Safari:</strong> Hold <em>Shift</em> while clicking <em>Reload</em>, or press either <em>Ctrl-F5</em> or <em>Ctrl-R</em> (<em>⌘-R</em> on a Mac) * <strong>Google Chrome:</strong> Press <em>Ctrl-Shift-R</em> (<em>⌘-Shift-R</em> on a Mac) * <strong>Internet Explorer / Edge:</strong> Hold <em>Ctrl</em> while clicking <em>Refresh</em>, or press <em>Ctrl-F5</em> * <strong>Opera:</strong> Press <em>Ctrl-F5</em>. {{#switch:{{FULLPAGENAME}} |MediaWiki:Common.css={{MediaWiki:Common.css/doc}} }} ae9657ff5073359962acb1e88f878fddb6e20ace 8 11 14 2024-07-23T02:54:19Z Bot4401 45109 Adding default set of pages css text/css /* CSS placed here will be applied to all skins */ :root, .view-light { --wiki-body-background-image: none; /* Example: url('/images/5/57/Site-background.png') - please find the file path by viewing the image directly (not at the File: page) */ --wiki-body-background-color: #f6f6f6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: 0.0; --wiki-sidebar-border-color: var(--wiki-body-background-color); --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: #e8f2f8; --wiki-navigation-background-color--rgb: 232, 242, 248; --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); } .view-dark { --wiki-body-background-image: none; /* Example: url('/images/5/57/Site-background.png') - please find the file path by viewing the image directly (not at the File: page) */ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-body-font-family: sans-serif; --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 1.0; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " \00B7 ";; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns: 3fr 2fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: 0; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 600; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; padding-block: 0.1rem; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item > .druid-label, .druid-grid-item > .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible > .druid-section { width: 100%; } .druid-collapsible::after { content:'\2013'; display:block; position:absolute; right:10px; font-size:20px; font-weight:bold; color:var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content:'+'; } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /*********************** * End DRUID infoboxes * ************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--wiki-accent-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ 0a5f5a3ee3007979327eb12bb1160b7e298cb3fe 8 12 15 2024-07-23T02:54:21Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <div id="dl-variable-doc"><!-- hide this in your global.css if you're familiar with how default loadout works and this documentation is just in your way --> ==Documentation== This wiki is using the theming template from the [https://defaultloadout.wiki.gg default loadout]. This template is intended to minimize the work required to create a custom colored version of the standard [[mw:Skin:Vector|Vector]] skin, while maximizing the various nooks and crannies that those colors reach, all while keeping everything legible and matching. ===Themes=== The [[support:ThemeToggle|ThemeToggle]] extension is installed, and allows multiple themes to be used. In the actual stylesheet below this documentation, you'll find two huge rules at the top, each containing lots of [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties CSS color variables]. They look like this: <syntaxhighlight lang=css> :root, .view-light { --wiki-body-background-image: none; --wiki-body-background-color: #f6f6f6; /* ... and so on */ } .view-dark { --wiki-body-background-image: none; --wiki-body-background-color: #171717; /* ... and so on */ } </syntaxhighlight> These are the standard light and dark themes, defined in [[Mediawiki:Theme-definitions]]. '''Important''': if you want your wiki to only support a single theme, edit that page and remove the line you don't want (don't remove both). The <code>:root</code> selector is a fallback, meaning that in case something happens and ThemeToggle fails to work, the following theme will still mostly work. If you have multiple themes, you can move the <code>:root</code> rule to whichever you'd consider the "default" theme. ===RGB variables=== Every color variable has an associated <code>--rgb</code> variant right below it. This should be an RGB representation of the color formatted as a comma-separated list, like so: 128,255,128. Do not include the <code>rgb()</code> wrapper. This is used in many places to add transparency to the color, which adds flexibility to the color palette while minimizing the amount of colors that need to be defined. '''Remember to update RGB variables when changing colors'''. Websites that can make this conversion for you are plentiful, such as [https://www.rapidtables.com/convert/color/hex-to-rgb.html rapidtables]. ===List of all colors with contrast checking=== The table below shows all the colors currently in use, as well as notes on how to use them. The last column shows which colors are expected to show up as text against other colors. With the exception of <code>--wiki-content-text-mix-color--95</code>, all text in the last column should be ''clearly'' legible. If it is not, you may need to adjust one of the referenced colors in your color palette. {| class="wikitable" ! Variable name !! Color !! style="width: 40em;" | Notes !! Test contrast against these variables |- | --wiki-body-background-image | N/A | This is the image path to the wiki's background image. Usually this is uploaded to File:Site-background.jpg, File:Site-background-light.jpg, and/or File:Site-background-dark.jpg. While there's not a hard file size limit, it is recommended that this not exceed 300 KB. File size can be reduced by resizing (anything over 2560x1440p is excessive), converting to a jpg, and compressed using sites like [https://tinypng.com tinypng]. | N/A |- | --wiki-body-background-color | style="background-color:var(--wiki-body-background-color);" | | The background color behind the background image. This usually only shows up if the background image doesn't load, doesn't fill the screen, or has some transparency. This color should be similar to the overall color of the background image, or the top-left corner if it is made up of many different colors. In the former case, https://matkl.github.io/average-color/ is helpful. | style="background-color:var(--wiki-body-background-color);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary</span><br/> |- | --wiki-body-dynamic-color | style="background-color:var(--wiki-body-dynamic-color);" | | This is expected to contrast sharply with the body-background-color, for cases when text needs to be displayed against it. Usually this is {{color|#000}} on light themes and {{color|#fff}} on dark themes. | style="background-color:var(--wiki-body-dynamic-color);" | <span style="color:var(--wiki-body-background-color)">--wiki-body-background-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--inverted);">--wiki-body-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary--inverted);">--wiki-body-dynamic-color--secondary--inverted</span><br/> |- | --wiki-body-dynamic-color--inverted | style="background-color:var(--wiki-body-dynamic-color--inverted);" | | The inverse of <code>--wiki-body-dynamic-color</code>. This should optimally have almost no contrast with the body-background-color. | N/A |- | --wiki-body-dynamic-color--secondary | style="background-color:var(--wiki-body-dynamic-color--secondary);" | | A slightly different version of body-dynamic-color. Usually this is {{color|#333}} on light themes and {{color|#ddd}} on dark themes. | style="background-color:var(--wiki-body-dynamic-color--secondary);" | <span style="color:var(--wiki-body-background-color)">--wiki-body-background-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--inverted);">--wiki-body-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary--inverted);">--wiki-body-dynamic-color--secondary--inverted</span><br/> |- | --wiki-body-dynamic-color--secondary--inverted | style="background-color:var(--wiki-body-dynamic-color--secondary--inverted);" | | The inverse of <code>--wiki-body-dynamic-color--secondary</code>. | N/A |- | --wiki-body-font-family | N/A | The font family of most of the wiki, such as the sidebar, navigation, and content text. Usually this is sans-serif. If modifying this, use a simple font that is easy to read. See <code>--wiki-heading-font-family</code> if you want to incorporate a more decorative font into the theme. | N/A |- | --wiki-content-background-color | style="background-color:var(--wiki-content-background-color);" | | The background color of the main content area. | style="background-color:var(--wiki-content-background-color);" | <span style="color:var(--wiki-content-text-color)">--wiki-content-text-color</span><br/> <span style="color:var(--wiki-content-link-color)">--wiki-content-link-color</span><br/> <span style="color:var(--wiki-content-link-color--visited)">--wiki-content-link-color--visited</span><br/> <span style="color:var(--wiki-content-link-color--hover)">--wiki-content-link-color--hover</span><br/> <span style="color:var(--wiki-content-redlink-color)">--wiki-content-redlink-color</span><br/> <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> <span style="color:var(--wiki-heading-color)">--wiki-heading-color</span><br/> |- | --wiki-content-background-opacity | N/A | The opacity of the main content area, to let the wiki's background image show through. Please keep this high, usually above 0.9, or it can make reading text difficult. | N/A |- | --wiki-content-background-color--secondary | style="background-color:var(--wiki-content-background-color--secondary);" | | A secondary content background to highlight certain things. Usually this is <code>--wiki-content-background-color</code> with saturation and/or value reduced or increased by about 10%, but you're free to make it whatever you want provided the contrast checks to the right still pass. | style="background-color:var(--wiki-content-background-color--secondary);" | <span style="color:var(--wiki-content-text-color)">--wiki-content-text-color</span><br/> <span style="color:var(--wiki-content-link-color)">--wiki-content-link-color</span><br/> <span style="color:var(--wiki-content-link-color--visited)">--wiki-content-link-color--visited</span><br/> <span style="color:var(--wiki-content-link-color--hover)">--wiki-content-link-color--hover</span><br/> <span style="color:var(--wiki-content-redlink-color)">--wiki-content-redlink-color</span><br/> <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> <span style="color:var(--wiki-heading-color)">--wiki-heading-color</span><br/> |- | --wiki-content-border-color | style="background-color:var(--wiki-content-border-color);" | | Border color for the main content area and elements within it. | N/A |- | --wiki-content-text-color | style="background-color:var(--wiki-content-text-color);" | | Text color for the main content area. | N/A |- | --wiki-content-link-color | style="background-color:var(--wiki-content-link-color);" | | Links within the content area. Please do not make this red, as red links on wikis traditionally denote pages that don't exist. | style="background-color:var(--wiki-content-link-color);" | <span style="color:var(--wiki-content-link-label-color);">--wiki-content-link-label-color</span> |- | --wiki-content-link-label-color | style="background-color:var(--wiki-content-link-label-color);" | | This is used when placing text on an element with the link color as a background, such as a button. | N/A |- | --wiki-content-link-color--visited | style="background-color:var(--wiki-content-link-color--visited);" | | The color of visited links. This is optional, and usually inherits <code>--wiki-content-link-color</code>. | N/A |- | --wiki-content-link-color--hover | style="background-color:var(--wiki-content-link-color--hover);" | | The color links change to when hovered over. This is optional, and usually inherits <code>--wiki-content-link-color</code>. | N/A |- | --wiki-content-redlink-color | style="background-color:var(--wiki-content-redlink-color);" | | The color of links to pages that don't exist. Since these should only rarely be seen, you can be a little lax about choosing a color that contrasts with the background, but it should still be legible. | N/A |- | --wiki-content-text-mix-color | style="background-color:var(--wiki-content-text-mix-color);" | | A mix of <code>--wiki-content-text-color</code> and <code>--wiki-content-background-color</code>. There are many sites that can generate this for you, such as [https://www.w3schools.com/colors/colors_mixer.asp w3schools' color mixer]. This is generally used to mark disabled elements or placeholder text. | style="background-color:var(--wiki-content-text-mix-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span> |- | --wiki-content-text-mix-color-95 | style="background-color:var(--wiki-content-text-mix-color-95);" | | The same as <code>--wiki-content-text-mix-color</code>, but the mix is 95% <code>--wiki-content-background-color</code>. This is used to mark disabled elements. The contrast checker to the right should actually be very hard to read. | style="background-color:var(--wiki-content-text-mix-color-95);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span> |- | --wiki-content-dynamic-color | style="background-color:var(--wiki-content-dynamic-color);" | | This is expected to contrast sharply with <code>--wiki-content-background-color</code>. Usually this is {{color|#000}} on light themes and {{color|#fff}} on dark themes. | style="background-color:var(--wiki-content-dynamic-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--inverted)">--wiki-content-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary--inverted)">--wiki-content-dynamic-color--secondary--inverted</span><br/> |- | --wiki-content-dynamic-color--inverted | style="background-color:var(--wiki-content-dynamic-color--inverted);" | | The inverse of <code>--wiki-content-dynamic-color</code>. | N/A |- | --wiki-content-dynamic-color--secondary | style="background-color:var(--wiki-content-dynamic-color--secondary);" | | A slightly different version of <code>--wiki-content-dynamic-color</code>. Usually this is {{color|#333}} on light themes and {{color|#ddd}} on dark themes. | style="background-color:var(--wiki-content-dynamic-color--secondary);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--inverted)">--wiki-content-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary--inverted)">--wiki-content-dynamic-color--secondary--inverted</span><br/> |- | --wiki-content-dynamic-color--secondary--inverted | style="background-color:var(--wiki-content-dynamic-color--secondary--inverted);" | | The inverse of <code>--wiki-content-dynamic-color--secondary</code>. | N/A |- | --wiki-heading-color | style="background-color:var(--wiki-heading-color);" | | The color of headings, such as the page title and section headings. Usually this is set to <code>--wiki-content-text-color</code>, but feel free to give it a different color to spice up the theme a little. | N/A |- | --wiki-heading-font-family | N/A | The font family of headings, such as the page title and section headings. | N/A |- | --wiki-accent-color | style="background-color:var(--wiki-accent-color);" | | Used to style infoboxes and some buttons, such as the save button when editing. | style="background-color:var(--wiki-accent-color);" | <span style="color:var(--wiki-accent-label-color)">--wiki-accent-label-color</span><br/> <span style="color:var(--wiki-accent-link-color)">--wiki-accent-link-color</span><br/> |- | --wiki-accent-color--hover | style="background-color:var(--wiki-accent-color--hover);" | | The color of accent-color when hovered over, in some cases. Usually this is just accent-color with saturation and/or value reduced or increased by about 10%, but you're free to make it whatever you want provided the contrast checks to the right still pass. | style="background-color:var(--wiki-accent-color--hover);" | <span style="color:var(--wiki-accent-label-color)">--wiki-accent-label-color</span><br/> <span style="color:var(--wiki-accent-link-color)">--wiki-accent-link-color</span><br/> |- | --wiki-accent-label-color | style="background-color:var(--wiki-accent-label-color);" | | The color of normal text against the accent color. | N/A |- | --wiki-accent-link-color | style="background-color:var(--wiki-accent-link-color);" | | The color of links against the accent color. | N/A |- | --wiki-sidebar-background-color | style="background-color:var(--wiki-sidebar-background-color);" | | The background color of the sidebar to the left of the content area. Usually this inherits <code>--wiki-content-background-color</code>. | style="background-color:var(--wiki-sidebar-background-color);" | <span style="color:var(--wiki-sidebar-link-color)">--wiki-sidebar-link-color</span><br/> <span style="color:var(--wiki-sidebar-heading-color)">--wiki-sidebar-heading-color</span><br/> |- | --wiki-sidebar-background-opacity | N/A | The background opacity of the sidebar. Usually this inherits <code>--wiki-content-background-opacity</code>. | N/A |- | --wiki-sidebar-border-color | style="background-color:var(--wiki-sidebar-border-color);" | | The border color of the sidebar. Usually this inherits <code>--wiki-content-border-color</code>. | N/A |- | --wiki-sidebar-link-color | style="background-color:var(--wiki-sidebar-link-color);" | | The color of links in the sidebar. Usually this inherits <code>--wiki-content-link-color</code>. | N/A |- | --wiki-sidebar-heading-color | style="background-color:var(--wiki-sidebar-heading-color);" | | The color of headings in the sidebar. Usually this inherits <code>--wiki-content-heading-color</code>. | N/A |- | --wiki-navigation-background-color | style="background-color:var(--wiki-navigation-background-color);" | | The primary background color of the navigation tabs above the content area. Usually this inherits <code>--wiki-content-background-color--secondary</code>. | style="background-color:var(--wiki-navigation-background-color);" | <span style="color:var(--wiki-navigation-text-color)">--wiki-navigation-text-color</span><br/> |- | --wiki-navigation-background-color--secondary | style="background-color:var(--wiki-navigation-background-color--secondary);" | | The upper background color of the navigation tabs, as well as the background color of the "More" menu dropdown. Usually this inherits <code>--wiki-content-background-color</code>. | style="background-color:var(--wiki-navigation-background-color--secondary);" | <span style="color:var(--wiki-navigation-text-color)">--wiki-navigation-text-color</span><br/> |- | --wiki-navigation-border-color | style="background-color:var(--wiki-navigation-border-color);" | | Border color of the navigation tabs. Usually this inherits <code>--wiki-content-border-color</code>. | N/A |- | --wiki-navigation-text-color | style="background-color:var(--wiki-navigation-text-color);" | | The color of text in the navigation tabs. Usually this inherits <code>--wiki-content-link-color</code>. | N/A |- | --wiki-navigation-selected-background-color | style="background-color:var(--wiki-navigation-selected-background-color);" | | The background color of the currently active navigation tab. Usually this inherits <code>--wiki-content-background-color</code> | style="background-color:var(--wiki-navigation-selected-background-color);" | <span style="color:var(--wiki-navigation-selected-text-color)">--wiki-navigation-selected-text-color</span><br/> |- | --wiki-navigation-selected-border-color | style="background-color:var(--wiki-navigation-selected-border-color);" | | The border color of the currently active navigation tab. Usually this inherits <code>--wiki-navigation-border-color</code> | N/A |- | --wiki-navigation-selected-text-color | style="background-color:var(--wiki-navigation-selected-text-color);" | | The text color of the currently active navigation tab. Usually this inherits <code>--wiki-content-text-color</code> | N/A |- | --wiki-alert-color | style="background-color:var(--wiki-alert-color);" | | A general, usually red-ish color used for negative notices. | style="background-color:var(--wiki-alert-color);" | <span style="color:var(--wiki-alert-label-color)">--wiki-alert-label-color</span><br/> |- | --wiki-alert-label-color | style="background-color:var(--wiki-alert-label-color);" | | The color of text against <code>--wiki-alert-color</code> as a background. | N/A |- | --wiki-warning-color | style="background-color:var(--wiki-warning-color);" | | A general, usually orange-ish color used for warning notices. | style="background-color:var(--wiki-warning-color);" | <span style="color:var(--wiki-warning-label-color)">--wiki-warning-label-color</span><br/> |- | --wiki-warning-label-color | style="background-color:var(--wiki-warning-label-color);" | | The color of text against <code>--wiki-warning-color</code> as a background. | N/A |- | --wiki-success-color | style="background-color:var(--wiki-success-color);" | | A general, usually green-ish color used for success notices. | style="background-color:var(--wiki-success-color);" | <span style="color:var(--wiki-success-label-color)">--wiki-success-label-color</span><br/> |- | --wiki-success-label-color | style="background-color:var(--wiki-success-label-color);" | | The color of text against <code>--wiki-success-color</code> as a background. | N/A |- | --wiki-icon-general-filter | N/A | A filter applied to many icons to make them visible on dark themes. Usually this is just <code>invert(100%)</code> on dark themes and blank on light themes. | N/A |- | --wiki-icon-to-link-filter | N/A | A filter that converts many icons into the same color as <code>--wiki-content-link-color</code>. This can be generated by plugging that into https://mrpie5.gitlab.io/css-filter-generator/. | N/A |} ==Stylesheet== <!-- When rendered on common.css, the actual stylesheet will be right here --> </div> c04138b95221f92db389f9a11d38c95badecb013 8 13 16 2024-07-23T02:54:22Z Bot4401 45109 Adding default set of pages javascript text/javascript /* Any JavaScript here will be loaded for all users on every page load. */ /* DRUID */ $(function () { $(".druid-title-tab").off("click") .on('click', function () { var $parent = $(this).closest(".druid-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-section-tab").off("click") .on('click', function () { var $parent = $(this).closest(".druid-section-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-collapsible").off("click") .on('click', function () { var kind = $(this).attr("data-druid-section"); $(this).toggleClass("druid-collapsible-collapsed"); $(this) .closest(".druid-container") .find("[data-druid-section-row=" + kind + "]") .toggleClass("druid-collapsed"); }); }); /* End DRUID */ /* [[Template:Spoiler]] */ $(function () { $('.spoiler-content') .off('click') // in case this code is loaded twice .on('click', function(e){ $(this).toggleClass('show'); }).find('a').on('click', function(e){ e.stopPropagation(); }); }); /* End Template:Spoiler */ /* Link to imported modules from Lua code */ $(function() { var config = mw.config.get([ 'wgCanonicalNamespace', 'wgFormattedNamespaces' ]); if (config.wgCanonicalNamespace !== 'Module') { return; } var localizedNamespace = config.wgFormattedNamespaces[828]; $('.s1, .s2, .s').each(function() { var $this = $(this); var html = $this.html(); var quote = html[0]; var isLongStringQuote = quote === '['; var quoteRE = new RegExp('^\\' + quote + '|\\' + quote + '$', 'g'); if (isLongStringQuote) { quoteRE = /^\[\[|\]\]$/g; } var name = html.replace(quoteRE, ''); var isEnglishPrefix = name.startsWith('Module:'); var isLocalizedPrefix = name.startsWith(localizedNamespace + ':'); var isDevPrefix = name.startsWith('Dev:'); if (isEnglishPrefix || isLocalizedPrefix || isDevPrefix) { var attrs = { href: mw.util.getUrl(name) }; if (isDevPrefix) { attrs.href = 'https://commons.wiki.gg/wiki/Module:' + mw.util.wikiUrlencode(name.replace('Dev:', '')); attrs.target = '_blank'; attrs.rel = 'noopener'; } var link = mw.html.element('a', attrs, name); var str = quote + link + quote; if (isLongStringQuote) { str = '[[' + link + ']]'; } $this.html(str); } }); }); /* CharInserts */ $(function() { $('.mw-charinsert-item').each(function() { $(this).text($(this).closest('div').attr('data-ci-label')); $(this).css('display', 'inline-block'); }); $('.ci-loading-text').css('display','none'); }); 63df6ebdeaf3d9a3aee5ea6d9dbbd17394328a62 8 14 17 2024-07-23T02:54:25Z Bot4401 45109 Adding default set of pages css text/css /** Container */ .ext-datamaps-container-content .ext-datamaps-container-leaflet { background: var(--wiki-content-background-color--secondary); } /** Legend */ .ext-datamaps-container .ext-datamaps-control-expandable[aria-expanded="true"] { background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.95); } .ext-datamaps-container .oo-ui-tabOptionWidget { color: var(--wiki-content-link-color); } .ext-datamaps-container .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background: var(--wiki-content-link-color); box-shadow: none; color: var(--wiki-content-link-label-color); } /** Popups */ .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .ext-datamaps-popup-buttons a, .leaflet-popup-close-button { filter: var(--wiki-icon-general-filter); } /** Controls */ .ext-datamaps-container .leaflet-bar { background-color: var(--wiki-content-background-color--secondary); border-color: rgba(var(--wiki-content-link-color--rgb), 0.5); } .ext-datamaps-container .leaflet-bar button:hover { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25); } .ext-datamaps-container .leaflet-control { color: var(--wiki-content-text-color); } .ext-datamaps-container .leaflet-control button { border-bottom-color: rgba(var(--wiki-content-link-color--rgb), 0.5); color: var(--wiki-content-text-color); } /* HACK: awful selector, v1.0 will prolly use a standard class on these */ .ext-datamaps-control span[class^="oo-ui-icon"] { filter: var(--wiki-icon-general-filter); } /** Search */ .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results { background: var(--wiki-content-background-color--secondary); } .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results li:focus, .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results li[data-highlighted="true"] { background: rgba(var(--wiki-content-link-color--rgb),0.15); color: var(--wiki-content-link-color); } .ext-datamaps-container .ext-datamaps-container-status > :not(.oo-ui-widget) { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-mix-color); } 20d8a3d334f3a3ce4974b170c9377ab1807f7fa9 8 15 18 2024-07-23T02:54:26Z Bot4401 45109 Adding default set of pages javascript text/javascript /* Modified version of https://dev.fandom.com/wiki/UploadMultipleFiles * from https://terraria.wiki.gg/wiki/MediaWiki:Gadget-uploadMultipleFiles.js */ mw.loader.using(["site", "mediawiki.util"]).then(function() { if (mw.config.get("wgCanonicalSpecialPageName") !== "Upload") return; if (window.__wgg_UploadMultipleFiles_IsLoaded) { return; } window.__wgg_UploadMultipleFiles_IsLoaded = true; var l10nFactory = l10nFactory || function($lang, $data) { return function ($key) { // (null == undefined) is true, (null === undefined) is false return ($data[$lang] && $data[$lang][$key] != null) ? $data[$lang][$key] : $data.en[$key]; }; }; const l10n = l10nFactory(mw.config.get("wgUserLanguage"), { en: { multiupload: "Upload multiple files:", yes: "Yes", no: "No", sourcefiles: "Source files:", categoryname: "Category name:", categorynamehint: "Page name of the category the files will automatically be added to, e.g. Item images", categorynamespace: "Category", uploadfiles: "Upload files", nofiles: "Please select some files first.", nolicense: "Please select a valid license first.", summary: "Summary", license: "Licensing", categories: "Categories", uploading: "Uploading files...", uploaded: "Uploaded:", failed: "Failed:", done: "Done." } }); const getUploadDescription = function() { var sections = []; var summary = $("#wpUploadDescription").val(); var licenseDisplayName = $("#wpLicense option:selected").val(); var categoryName = $("#multiFileCategory").val(); if (summary !== "") sections.push(summary); if (licenseDisplayName !== "") { var licenseTemplateText = $("#wpLicense option:selected").prop("title"); sections.push("== " + l10n("license") + " ==\n" + licenseTemplateText); } if (categoryName !== "") sections.push("[[" + l10n("categorynamespace") + ":" + categoryName + "]]"); return sections.join("\n\n"); }; const getWatchlistPreference = function() { if ($("#wpWatchthis").is(":checked")) { return "watch"; } else { return "nochange"; } }; $(function(){ $("#wpUploadFile").parent().parent().addClass("regularFileSelect"); $("tr.regularFileSelect").before('<tr><td class="mw-label">'+ l10n("multiupload") + '</td><td class="mw-input"><label><input type="radio" name="multipleFiles" value="'+ l10n("yes") + '" /> '+ l10n("yes") + '</label> &nbsp; <label><input type="radio" name="multipleFiles" value="'+ l10n("no") + '" checked="" /> '+ l10n("no") + '</label></td></tr>'); $("tr.regularFileSelect").after('<tr class="multipleFileSelect" style="display:none;"><td class="mw-label">' + l10n("sourcefiles") + '</td><td class="mw-input"><input type="file" id="multiupload" multiple /></td></tr>'); $("input[name='wpUpload']").addClass("regularFileSelect"); $("#wpDestFile").parent().parent().addClass("regularFileSelect"); $("#wpIgnoreWarning").parent().parent().addClass("regularFileSelect"); // Append "category name" textbox to multiupload section $("#mw-upload-form #mw-htmlform-description tbody").append('<tr class="mw-htmlform-field-HTMLTextField multipleFileSelect" style="display:none;"><td class="mw-label"><label for="multiFileCategory"><abbr title="' + l10n("categorynamehint") + '">' + l10n("categoryname") + '</abbr></label></td><td class="mw-input"><input id="multiFileCategory" name="multiFileCategory" size="60"></td></tr>'); $("input[name='wpUpload']").after('<input type="button" value="' + l10n("uploadfiles") + '" class="multipleFileSelect" style="display:none;" id="multiFileSubmit" />'); $("input[name='multipleFiles']").change(function() { if (this.value === l10n("yes")) { $(".regularFileSelect").hide(); $(".multipleFileSelect").show(); } else { $(".regularFileSelect").show(); $(".multipleFileSelect").hide(); } }); $("#multiFileSubmit").click(function() { var files = $("#multiupload")[0].files; // Cancel upload if no files are selected if (files.length === 0) { alert(l10n("nofiles")); return false; } // Cancel upload if no license is selected if ($("#wpLicense option:selected").val() === "" && !mw.config.get("UMFBypassLicenseCheck")) { alert(l10n("nolicense")); return false; } // Description is summary + license + category var description = getUploadDescription(); var watch = getWatchlistPreference(); $("#firstHeading").text(l10n("uploading")); $("#mw-content-text").html("<h3>" + l10n("uploaded") + "</h3><ul></ul><div style='display:none;' id='multiUploadFailed'><h3>" + l10n("failed") + "</h3><ul></ul></div>"); var currentFileIdx = 0; var uploadCurrentFile; uploadCurrentFile = function() { if (currentFileIdx > files.length) { $("#mw-content-text").append("<h3>"+ l10n("done") + "</h3>"); return; } if (files[currentFileIdx] === undefined) { currentFileIdx++; uploadCurrentFile(); return; } fd = new FormData(); fd.append("action", "upload"); fd.append("token", mw.user.tokens.get("csrfToken")); fd.append("filename", files[currentFileIdx].name); fd.append("file", files[currentFileIdx]); fd.append("text", description); fd.append("watchlist", watch); fd.append("ignorewarnings", 1); fd.append("format", "json"); $.ajax({ url: mw.util.wikiScript("api"), method: "POST", data: fd, cache: false, contentType: false, processData: false, type: "POST" }).done(function(d) { if (d.error == undefined) { $("#mw-content-text > ul").append('<li><a href="' + d.upload.imageinfo.descriptionurl + '" target="_blank">' + d.upload.filename + '</a></li>'); } else { $("#multiUploadFailed ul").append('<li>' + files[currentFileIdx].name + '</li>'); $("#multiUploadFailed").show(); } currentFileIdx++; uploadCurrentFile(); }).fail(function() { $("#multiUploadFailed ul").append('<li>' + files[currentFileIdx].name + '</li>'); $("#multiUploadFailed").show(); currentFileIdx++; uploadCurrentFile(); }); }; uploadCurrentFile(); }); }); }); b05306b3ea3271c87b87546ac6619aa30e47782f 8 16 19 2024-07-23T02:54:28Z Bot4401 45109 Adding default set of pages css text/css .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content:hover > span { opacity: 1; } d2156d876c40acb9b30462c1e981a3b466131116 8 17 20 2024-07-23T02:54:29Z Bot4401 45109 Adding default set of pages javascript text/javascript var l10n = (function(){ var $text = { 'buttonlabel': { 'en': 'Purge', 'de': 'Aktualisieren', 'fr': 'Purger', 'ru': 'Обновить', 'pt': 'Actualizar', 'pt-br': 'Actualizar', }, 'hovertext': { 'en': 'Purge the server cache for this page', 'de': 'Den Server-Cache dieser Seite löschen', 'fr': 'Purge le cache du serveur de cette page', 'ru': 'Очистить кэш сервера на этой странице', 'pt': 'Limpe o cache do servidor para esta página', 'pt-br': 'Limpe o cache do servidor para esta página', } } var $lang = mw.config.get( 'wgUserLanguage' ) || 'en'; return function(key){ return $text[key] && ($text[key][$lang] || $text[key]['en']) || ''; } })(); if ( mw.config.get( 'wgNamespaceNumber' ) !== -1 ) { $(document).ready(function(){ var url = new URL(window.location.href); url.searchParams.set('action', 'purge'); mw.util.addPortletLink('p-cactions', url.href, l10n('buttonlabel'), 'ca-gadget-purgecache', l10n('hovertext'), '1'); }); } 7d39b07db2a88b17920f5eb5d7f86fd895cc8f44 8 18 21 2024-07-23T02:54:30Z Bot4401 45109 Adding default set of pages css text/css #contentSub > * + .horse-userprofile { margin-top: 1em; } .horse-userprofile { font-size: 120%; color: var(--wiki-content-text-color); border: 2px solid var(--wiki-content-border-color); padding: 6px 12px; } .horse-userprofile-info span:first-of-type { font-weight: bold; } 1729445bb17e2974426befaf9bd441ab4bf189c5 8 19 22 2024-07-23T02:54:32Z Bot4401 45109 Adding default set of pages javascript text/javascript // User profile // <nowiki> mw.loader.using( [ 'mediawiki.util', 'mediawiki.api' ] ).done( function() { var username = mw.config.get('wgRelevantUserName'); var lang = mw.language.bcp47(mw.config.get('wgUserLanguage')); if ( username && !window.loadedHorseUserProfile ) { window.loadedHorseUserProfile = true; var dateOptions = { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit", timeZone: "UTC", timeZoneName: "short" }; var api = new mw.Api(); if ( mw.util.isIPAddress(username) ) api.get( { action: 'query', list: ['usercontribs', 'blocks'], ucuser: username, ucprop: [], uclimit: 'max', bkip: username, bkprop: ['user', 'by', 'timestamp', 'expiry', 'reason'], bklimit: 1, formatversion: 2 } ).done( function(data) { var editcount = data.query.usercontribs.length; if ( data.continue ) editcount = data.limits.usercontribs+'+' var user = { groups: ['*'], editcount: editcount }; formatProfile(user, data.query.blocks[0]); } ); else api.get( { action: 'query', list: 'users', ususers: username, usprop: ['groups', 'editcount', 'registration', 'blockinfo', 'emailable'], formatversion: 2 } ).done( function(data) { var user = data.query.users[0]; var block; if ( user.blockid ) block = { user: username, by: user.blockedby, timestamp: user.blockedtimestamp, expiry: user.blockexpiry, reason: user.blockreason }; formatProfile(user, block); } ); function formatProfile(user, block) { user.groups.splice(user.groups.indexOf('*'), 1); var text = '<div class="horse-userprofile-info">'; if ( user.groups.length ) { var groupList = user.groups.map( function(group) { var grouppage = '{{MediaWiki:grouppage-'+group+'}}'; return [ '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'}}]] | {{int:group-'+group+'}} }}', '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'-member|'+username+'}}]] | {{int:group-'+group+'-member|'+username+'}} }}' ]; } ).reduce( function(prev, cur) { prev[0].push(cur[0]); prev[1].push(cur[1]); return prev; }, [[], []] ); text += '\n\n<span>{{int:prefs-memberingroups|'+user.groups.length+'|'+username+'}}</span>\t<span>{{int:prefs-memberingroups-type|'+mw.language.listToText(groupList[0])+'|'+mw.language.listToText(groupList[1])+'}}</span>'; } text += '\n\n<span>{{int:prefs-edits}}</span>\t<span>[[Special:Contribs/'+username+'|'+mw.language.convertNumber(user.editcount)+']]</span>'; if ( user.registration ) { text += '\n\n<span>{{int:prefs-registration}}</span>\t<span>'+mw.language.convertNumber(new Date(user.registration).toLocaleString(lang, dateOptions))+'</span>'; if ( !user.emailable ) text += '\n\n<span>{{int:nowikiemailtext|'+username+'}}</span>'; } text += '\n\n</div>'; if ( block && mw.config.get('wgArticleId') !== 0 ) { var blockDate = new Date(block.timestamp); var blockexpiry = '{{int:infiniteblock}}'; if ( !['infinite', 'indefinite', 'infinity', 'never'].includes(block.expiry) ) { var expiry = new Date(block.expiry.replace( /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2,3})/, '$1-$2-$3T$4:$5:$6Z' )); var duration = expiry - blockDate; var blockDuration = []; var factor = 1000; if ( duration % factor === 0 ) blockDuration = ['duration-seconds', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-minutes', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-hours', Math.floor(duration / factor)]; factor *= 24; if ( duration % factor === 0 ) blockDuration = ['duration-days', Math.floor(duration / factor)]; if ( duration % (factor*7) === 0 ) blockDuration = ['duration-weeks', Math.floor(duration / (factor*7))]; if ( duration % (factor*30) === 0 ) blockDuration = ['months', Math.floor(duration / (factor*30))]; factor *= 365; if ( duration % factor === 0 ) blockDuration = ['duration-years', Math.floor(duration / factor)]; if ( duration % (factor*10) === 0 ) blockDuration = ['duration-decades', Math.floor(duration / (factor*10))]; if ( duration % (factor*100) === 0 ) blockDuration = ['duration-centuries', Math.floor(duration / (factor*100))]; if ( duration % (factor*1000) === 0 ) blockDuration = ['duration-millennia', Math.floor(duration / (factor*1000))]; if ( blockDuration.length < 2 || blockDuration[1] > 1000 ) blockexpiry = mw.language.convertNumber(expiry.toLocaleString(lang, dateOptions)); else blockexpiry = '{{int:'+blockDuration.join('|')+'}}'; } text += '<div class="horse-userprofile-block mw-warning-with-logexcerpt"><div>\n{{int:blocked-notice-logextract|'+username+'}}\n'; text += '* '+mw.language.convertNumber(blockDate.toLocaleString(lang, dateOptions))+' {{int:logentry-block-block|[[User:'+block.by+'|'+block.by+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.by+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.by+'|{{int:contribslink}}]]</span></span>|'+block.by; if ( mw.util.isIPAddress(block.user, true) ) text += '|[[Special:Contribs/'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span></span>'; else text += '|[[User:'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.user+'|{{int:contribslink}}]]</span></span>'; text += '|'+block.user+'|'+blockexpiry+'|}} <span class="comment">{{int:parentheses|'+block.reason+'}}</span></div></div>'; } api.parse( text, { disablelimitreport: true, wrapoutputclass: 'horse-userprofile mw-message-box mw-content-'+($('#contentSub').attr('dir')||'ltr'), uselang: mw.config.get('wgUserLanguage') } ).done( function(parsedText) { $('#contentSub').append(parsedText.replace( /\u29FCgroup-([^\u29FC\u29FD]+?)(?:-member)?\u29FD/g, '$1' )); } ); } } } ); // </nowiki> 2df0d96710fe446c5289ea1c484419b50c43fd5b 8 20 23 2024-07-23T02:54:34Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki * purge[ResourceLoader|default|type=general|rights=edit,purge|dependencies=mediawiki.util]|purge.js * userProfile[ResourceLoader|dependencies=mediawiki.api|default]|userProfile.js|userProfile.css * UploadMultipleFiles[ResourceLoader|default|rights=edit,upload]|UploadMultipleFiles.js * hoverShowSpoilers[ResourceLoader|type=styles]|hoverShowSpoilers.css 2346c6cb924b7cdfed4a70367e8382484f89d176 8 21 24 2024-07-23T02:54:35Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki * License|game|This contains content from the game or its official media * License|fairuse|This will be used in a way that qualifies as "fair use" under US law * License|CC0|This file is licensed under the CC0 1.0 License * License|CC-BY-NC-ND|This is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License * License|CC-BY-NC-SA|This is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License * License|CC-BY-NC|This is licensed under the Creative Commons Attribution-NonCommercial 3.0 License * License|CC-BY-ND|This is licensed under the Creative Commons Attribution-NoDerivs 3.0 License * License|CC-BY-SA|This is licensed under the Creative Commons Attribution-ShareAlike 3.0 License * License|CC-BY|This is licensed under the Creative Commons Attribution 3.0 License * License|CC-PD|This is in the public domain * License|CC-SRR|This is licensed under the Creative Commons Some Rights Reserved License * License|nolicense|I don't know the license 048e9ab2b3c87f0a7f6424d369cea89fe620df10 8 22 25 2024-07-23T02:54:36Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {{SITENAME}} 3879910e8b355a24373fd09ccc909145b2639907 8 24 27 2024-07-23T02:54:40Z Bot4401 45109 Adding default set of pages css text/css /* All CSS here will be loaded for users of the Vector skin */ /************************************ * Body, head, and general framework * *************************************/ body { background-image: var(--wiki-body-background-image); background-size:cover; background-position: top left; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--wiki-body-background-color); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: unset; } /* Signal color scheme hints to browsers */ html.view-dark { color-scheme: dark } html.view-light { color-scheme: light } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) 1px, var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; background-image: url(/skins/Vector/resources/skins.vector.styles/images/link-external-small-ltr-progressive.svg?202406); background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; filter:brightness(0) var(--wiki-icon-to-link-filter); vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after { display:inline-block; height:1em; width:1em; margin-left:1px; background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); background-size:0.857em; background-repeat:no-repeat; background-position:center right; content:''; vertical-align: text-top; } a.extiw[title^="mw:"]::after { display:inline-block; height:1em; width:1em; margin-left:1px; background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); background-size:0.857em; background-repeat:no-repeat; background-position:center right; content:''; vertical-align: text-top; } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: rgba(var(--wiki-sidebar-background-color--rgb), var(--wiki-sidebar-background-opacity)); border:1px solid var(--wiki-sidebar-border-color); } @media screen and (max-width: 720px) { #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); } } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: rgba(var(--wiki-content-background-color--rgb), var(--wiki-content-background-opacity)); border: 1px solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********************************** * wiki.gg network elements tuning * *********************************/ #wikigg-footer { position: sticky; top: 100%; margin-top: 0.5rem; clear: both; } /** * Only clear right side in the MW footer to prevent icon overflow. This is accompanied by * the full clear on netfooter to stop the sidebar from offsetting it. */ .mw-footer > div[style^="clear"]:last-child { clear: right !important; } /*************************************** * End wiki.gg network elements tuning * *************************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { color: var(--wiki-heading-color); font-family:var(--wiki-heading-font-family); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: rgba(var(--wiki-success-color--rgb),.25); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background:rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .view-dark .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .view-dark .jquery-tablesorter th.headerSort { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortUp { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortDown { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:rgba(var(--wiki-content-link-color--rgb), 0.9); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-content-link-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:rgba(var(--wiki-content-link-color--rgb), 0.5); border-color:rgba(var(--wiki-content-link-color--rgb), 0.5); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); color: var(--wiki-content-link-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: rgba(var(--wiki-content-link-color--rgb),0.1); color: var(--wiki-content-link-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: rgba(var(--wiki-content-link-color--rgb), .07) !important; outline-color: rgba(var(--wiki-content-link-color--rgb), .07) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background: transparent; border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-pos { color:var(--wiki-success-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background: rgba(var(--wiki-success-color--rgb),0.6); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { color: rgba(var(--wiki-content-text-color--rgb), 0.8); padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del { background: rgba(var(--wiki-alert-color--rgb), 0.6); display: inline-block; } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ div.thumb { border: 1px solid var(--wiki-content-border-color); margin: 2px; margin-left: 6px; } img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: rgba(255, 255, 255, .2); } li.gallerybox div.thumb { background-color: rgba(255, 255, 255, .2); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay mode for galleries */ ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.8); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright { float: none; margin: 0 auto; width: max-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color: rgba(var(--wiki-content-link-color--rgb),0.15); color: var(--wiki-content-link-color); border-color:var(--wiki-content-link-color); box-shadow:inset 0 0 3px var(--wiki-content-link-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); } .ace_gutter-cell { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.4); } .ace_editor .ace_print-margin { width: 1px; background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.75); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image:linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color:rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.93); color: rgba(var(--wiki-content-dynamic-color--rgb), 0.93); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace_editor .ace_gutter-active-line { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor .ace_invisible { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25) } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); border-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color: rgba(var(--wiki-content-dynamic-color--rgb), 0.3); } .ace_editor .ace_xml-pe { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.28); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.2); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .view-dark .CodeMirror, .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .CodeMirror { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color) } .CodeMirror-code:focus-visible { outline:none; } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-content-link-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6) } .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple) } .cm-def { color: var(--codemirror-blue) } .cm-comment { color: var(--codemirror-yellow) } .cm-variable-2 { color: var(--codemirror-light-blue) } .cm-string { color: var(--codemirror-red) } .cm-atom { color: var(--codemirror-pink) } .cm-number { color: var(--codemirror-green) } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-link-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-text-color); } .tabber__indicator { background: var(--wiki-content-link-color); } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-content-link-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-content-link-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: rgba(var(--wiki-content-link-color--rgb), .1); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); color: var(--wiki-content-link-color--hover); } .cdx-button:enabled:active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* arrow on redirect pages */ .mw-content-ltr .redirectText li:first-child { padding-left:0; background:none; } .mw-content-ltr .redirectText li:first-child::before { content:''; display:inline-block; width:47px; height:1em; vertical-align: middle; background-image:linear-gradient(transparent,transparent),url(/resources/src/mediawiki.action/images/redirect-ltr.svg?ff441); filter:var(--wiki-icon-general-filter); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--secondary--rgb), 0.75); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--rgb), 0.75); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .thumbimage { background-color: unset; border: unset; } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color:rgba(var(--wiki-content-link-color--rgb), 0.05); border-color:rgba(var(--wiki-content-link-color--rgb), 0.75); } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-content-link-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color: rgba(var(--wiki-content-link-color--rgb), 0.5); border-color: var(--wiki-content-link-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color: rgba(var(--wiki-content-link-color--rgb), 0.5) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); text-shadow: none; } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); color: var(--wiki-content-link-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-link-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-content-link-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color: rgba(var(--wiki-content-link-color--rgb), 0.5); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); border-color:var(--wiki-content-link-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), .76); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: rgba(var(--wiki-content-text-color--rgb), .75); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-content-link-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color:rgba(var(--wiki-content-text-color--rgb), 0.4); } .autocomment, .autocomment a, .autocomment a:visited { color:rgba(var(--wiki-content-text-color--rgb), 0.4); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed { filter:brightness(75%) var(--wiki-icon-general-filter); } /* Collapsibles */ .mw-collapsible button.mw-collapsible-toggle > span { color: var(--wiki-content-link-color); } /* The below rules fix an error caused by the above rule because the toggles in the edit footer have text and an arrow in the same element, so the text gets inverted when it shouldn't be */ .mw-editfooter-toggler { position:relative; filter:unset; background:none; } .mw-editfooter-toggler::before { position:absolute; left:0; top:0; background-repeat: no-repeat; background-position: left center; width:12px; height:100%; content:''; filter:brightness(75%) var(--wiki-icon-general-filter); } .mw-editfooter-toggler.mw-icon-arrow-collapsed::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.svg?40e9a); } .mw-editfooter-toggler.mw-icon-arrow-expanded::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-expanded.svg?d0685); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-link-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:rgba(var(--wiki-content-text-color--rgb), 0.4); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-content-link-color); border-color:var(--wiki-content-link-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-content-link-color); box-shadow:inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-content-link-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-content-link-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.15); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow: 0 1px 1px 0 rgba(var(--wiki-content-dynamic-color--rgb),0.1); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color),inset 0 0 0 2px var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color:var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-content-link-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: rgba(var(--wiki-content-link-color--rgb),0.08); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: rgba(var(--wiki-content-link-color--rgb), 0.9); border-color: rgba(var(--wiki-content-link-color--rgb), 0.9); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { margin-top: 0; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header, .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header { all: unset; margin-left: 15px; margin-bottom: 8px; padding: 0 0.2em; } .client-js .mw-collapsibleFieldsetLayout.mw-collapsible .oo-ui-fieldsetLayout-header { padding-top: 0; padding-bottom: 0; } .mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon { top: unset; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: rgba(var(--wiki-content-link-color--rgb), 0.5); color: var(--wiki-content-text-color); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-content-link-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-content-link-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-content-link-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-color--hover); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color),inset 0 0 0 2px var(--wiki-content-background-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background-color: rgba(var(--wiki-content-link-color--rgb), 0.75); border-color: rgba(var(--wiki-content-link-color--rgb), 0.75); color: var(--wiki-content-link-label-color); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--wiki-content-link-color); } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); } .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-link-color); border-color:rgba(var(--wiki-content-link-color--rgb), 0.5); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-color--hover); border-color:var(--wiki-content-link-color); box-shadow:inset 0 0 3px var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-link-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .mw-widget-calendarWidget-item-selected { color: #fff; } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color: rgba(var(--wiki-warning-color--rgb), 0.16); } .mw-spinner-container > div { filter: var(--wiki-icon-general-filter); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background: var(--wiki-content-background-color--secondary); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } .mw-highlight .err { border-color: var(--pygments-err) } .mw-highlight .c { color: var(--pygments-c) } .mw-highlight .k { color: var(--pygments-k) } .mw-highlight .o { color: var(--pygments-o) } .mw-highlight .ch { color: var(--pygments-ch) } .mw-highlight .cm { color: var(--pygments-cm) } .mw-highlight .cp { color: var(--pygments-cp) } .mw-highlight .cpf { color: var(--pygments-cpf) } .mw-highlight .c1 { color: var(--pygments-c1) } .mw-highlight .cs { color: var(--pygments-cs) } .mw-highlight .gd { color: var(--pygments-gd) } .mw-highlight .gr { color: var(--pygments-gr) } .mw-highlight .gh { color: var(--pygments-gh) } .mw-highlight .gi { color: var(--pygments-gi) } .mw-highlight .go { color: var(--pygments-go) } .mw-highlight .gp { color: var(--pygments-gp) } .mw-highlight .gu { color: var(--pygments-gu) } .mw-highlight .gt { color: var(--pygments-gt) } .mw-highlight .kc { color: var(--pygments-kc) } .mw-highlight .kd { color: var(--pygments-kd) } .mw-highlight .kn { color: var(--pygments-kn) } .mw-highlight .kp { color: var(--pygments-kp) } .mw-highlight .kr { color: var(--pygments-kr) } .mw-highlight .kt { color: var(--pygments-kt) } .mw-highlight .m { color: var(--pygments-m) } .mw-highlight .s { color: var(--pygments-s) } .mw-highlight .na { color: var(--pygments-na) } .mw-highlight .nb { color: var(--pygments-nb) } .mw-highlight .nc { color: var(--pygments-nc) } .mw-highlight .no { color: var(--pygments-no) } .mw-highlight .nd { color: var(--pygments-nd) } .mw-highlight .ni { color: var(--pygments-ni) } .mw-highlight .ne { color: var(--pygments-ne) } .mw-highlight .nf { color: var(--pygments-nf) } .mw-highlight .nl { color: var(--pygments-nl) } .mw-highlight .nn { color: var(--pygments-nn) } .mw-highlight .nt { color: var(--pygments-nt) } .mw-highlight .nv { color: var(--pygments-nv) } .mw-highlight .ow { color: var(--pygments-ow) } .mw-highlight .w { color: var(--pygments-w) } .mw-highlight .mb { color: var(--pygments-mb) } .mw-highlight .mf { color: var(--pygments-mf) } .mw-highlight .mh { color: var(--pygments-mh) } .mw-highlight .mi { color: var(--pygments-mi) } .mw-highlight .mo { color: var(--pygments-mo) } .mw-highlight .sa { color: var(--pygments-sa) } .mw-highlight .sb { color: var(--pygments-sb) } .mw-highlight .sc { color: var(--pygments-sc) } .mw-highlight .dl { color: var(--pygments-dl) } .mw-highlight .sd { color: var(--pygments-sd) } .mw-highlight .s2 { color: var(--pygments-s2) } .mw-highlight .se { color: var(--pygments-se) } .mw-highlight .sh { color: var(--pygments-sh) } .mw-highlight .si { color: var(--pygments-si) } .mw-highlight .sx { color: var(--pygments-sx) } .mw-highlight .sr { color: var(--pygments-sr) } .mw-highlight .s1 { color: var(--pygments-s1) } .mw-highlight .ss { color: var(--pygments-ss) } .mw-highlight .bp { color: var(--pygments-bp) } .mw-highlight .fm { color: var(--pygments-fm) } .mw-highlight .vc { color: var(--pygments-vc) } .mw-highlight .vg { color: var(--pygments-vg) } .mw-highlight .vi { color: var(--pygments-vi) } .mw-highlight .vm { color: var(--pygments-vm) } .mw-highlight .il { color: var(--pygments-il) } .mw-highlight pre { background: var(--pygments-background) } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-content-link-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-content-link-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-content-link-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-content-link-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /* invert the help icon on the helplink */ #mw-indicator-mw-helplink a { background-image: none; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } #mw-indicator-mw-helplink a::before { filter: var(--wiki-icon-to-link-filter); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-link-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .cdx-text-input__input:enabled { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .cdx-text-input__input:disabled { -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.25); background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow: none; border-color: var(--wiki-content-text-mix-color); } .cdx-text-input__input::placeholder { color:var(--wiki-content-text-mix-color); } .cdx-text-input__input:enabled:hover, .cdx-text-input__input:enabled:focus { border-color:var(--wiki-content-link-color); } .cdx-text-input__input:enabled:focus { box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--wiki-accent-label-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--wiki-accent-label-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--wiki-content-link-color); } } .mw-mmv-dialog { background-color: var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-content-link-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-content-link-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .mw-echo-ui-notificationItemWidget { background-color: var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-unread, .mw-echo-ui-placeholderItemWidget { background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8); } .mw-echo-ui-notificationItemWidget-unread:hover, .mw-echo-ui-notificationItemWidget:hover, .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background-color:var(--wiki-content-background-color--secondary); } .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .mw-echo-ui-notificationItemWidget-content-message-body { color:var(--wiki-content-text-mix-color); } .mw-echo-ui-notificationsListWidget:not(:hover) a, #p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new, .mw-echo-ui-notificationItemWidget-content-message-header, .mw-echo-ui-notificationItemWidget-content-actions-timestamp{ color:var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-link-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .mw-echo-ui-notificationItemWidget, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { border-color:var(--wiki-content-border-color); } .mw-echo-ui-notificationItemWidget:last-child { border-bottom:1px solid var(--wiki-content-border-color); } .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { background-color:var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-icon{ filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color:var(--wiki-content-link-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color:rgba(var(--wiki-content-link-color--rgb), 0.1); color:var(--wiki-content-link-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted, .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted{ background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); color:var(--wiki-content-link-color); } .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { color:var(--wiki-content-link-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-content-link-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-content-link-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-content-link-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-content-link-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow: inset 0 -1px 0 rgba(var(--wiki-content-border-color--rgb),0.5); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-body-background-color); border: 1px solid var(--wiki-content-link-color); box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-content-link-color); } div.ve-ce-branchNode { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-content-link-color); background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.75); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-content-link-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.78); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: rgba(var(--wiki-content-link-color--rgb),0.1); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-content-link-color); box-shadow: inset 0 -2px 0 0 var(--wiki-content-link-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-content-link-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-content-link-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-content-link-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow: 0 0 0 1px rgba(var(--wiki-content-link-color--rgb), 0.2); background-color: rgba(var(--wiki-content-link-color--rgb), 0.1); } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: rgba(var(--wiki-content-link-color--rgb), 0.5); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: rgba(var(--wiki-content-link-color--rgb),0.1); color: var(--wiki-content-link-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.5); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-content-link-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-content-link-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-content-link-color); border-left-color: var(--wiki-content-link-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:rgba(var(--wiki-alert-color--rgb),0.2); } /****************** * End AbuseFilter * *******************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color: rgba(var(--wiki-content-text-color--rgb), 0.6); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color:rgba(var(--wiki-warning-color--rgb),0.1); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color:rgba(var(--wiki-warning-color--rgb),0.4); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } div#mw-navigation div#mw-panel .portal { box-sizing:border-box; text-align: center } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { border-left-width:0; border-right-width:0; } table.wikitable, table.responsive-table { display: block; overflow-x: scroll; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span)>.mwe-math-element { display: block; overflow-x: auto; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: 1px; border-right-width: 1px; margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; word-break:break-all; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ f0a28de3f1b439d18a0bed68863905dae5e9dbf5 8 25 28 2024-07-23T02:54:41Z Bot4401 45109 Adding default set of pages javascript text/javascript /* All JavaScript here will be loaded for users of the Vector skin */ /*** Mobile navigation toggle button ***/ $( function () { var mobileSidebarButton = document.createElement( 'button' ); mobileSidebarButton.className = 'mobile-nav-toggle'; mobileSidebarButton.addEventListener( 'click', function () { mobileSidebarButton.classList.toggle( 'nav--expanded' ); } ); document.body.classList.add( 'has-vector-mobile-menu' ); document.getElementById( 'mw-panel' ).prepend( mobileSidebarButton ); } ); /*** End mobile navigation toggle button ***/ fe358e2ae21cc8ac3ac603bdc0df2ff4a2d437b5 8 26 29 2024-07-23T02:54:43Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki You can view and copy the source of this page. If you believe you should be able to edit this page, you may need to [[Special:UserLogin|log in]]. If you requested this wiki '''and have already logged in''', you may need to ask wiki.gg staff for Administrator rights. 826e09ce070433c705494ac5abdd1d31e54d9db8 10 27 30 2024-07-23T02:54:45Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki ||<noinclude>{{documentation}}</noinclude> 02fb31115eef5c15d6612ac334bf5a5d83155c0a 10 28 31 2024-07-23T02:54:46Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 29 32 2024-07-23T02:54:47Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [<noinclude> {{documentation}}</noinclude> 1b058774deae9a7e511a0486a04647d6a3b9af62 10 30 33 2024-07-23T02:54:48Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[<noinclude> {{documentation}}</noinclude> a331374acf15177afbb3ffc0ec7bd5ada14c582e 10 31 34 2024-07-23T02:54:50Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 32 35 2024-07-23T02:54:51Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 33 36 2024-07-23T02:54:52Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki |}<noinclude>{{documentation}}</noinclude> b2debea163716e114d1ea46e65a63d7a1ae84bc0 10 34 37 2024-07-23T02:54:54Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 35 38 2024-07-23T02:54:55Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki |-<noinclude>{{documentation}}</noinclude> 636f9e440c24f4a3fe28b49cebd1808c3de8a814 10 36 39 2024-07-23T02:54:56Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki |-|<noinclude>{{documentation}}</noinclude> c634369c1e88b95ebe6a6d827cb32dc1e9c61fec 10 37 40 2024-07-23T02:54:57Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 38 41 2024-07-23T02:54:59Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 39 42 2024-07-23T02:55:00Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {<noinclude> {{documentation}}</noinclude> 490a0c9c85eff213addd7272fe40f8627a637c75 10 40 43 2024-07-23T02:55:01Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {|<noinclude>{{documentation}}</noinclude> 86e51fe1f06ae532410029eb39fa936d68880bc8 10 41 44 2024-07-23T02:55:03Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 42 45 2024-07-23T02:55:04Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {{<noinclude>{{documentation}}</noinclude> a506ba66cf7c806baae7faecb221b3a946721f6a 10 43 46 2024-07-23T02:55:06Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {{{<noinclude> {{documentation}}</noinclude> fa33084b57c1f33c82290de279827b973ab2fba8 10 44 47 2024-07-23T02:55:07Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 45 48 2024-07-23T02:55:08Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- ! scope="col" style="width:7.0em;" | {{no wrap|Template call}}<br>{{normal|('''m''' for magic word)}} ! scope="col" style="width:5.75em;" | {{no wrap|Output}}&nbsp;{{normal|(delayed interpretation as wikimarkup)}} ! scope="col" style="width:9.0em;" | {{no wrap|HTML alternative}} {{normal|(never interpreted as wikimarkup)}} ! Why you might want to use this |- style="vertical-align:top" | <code><nowiki>{{!}}</nowiki></code> '''(m)''' | <nowiki>|</nowiki> | &amp;#124; or {{tl|pipe}} | Displaying pipe characters inside of a parser function |- style="vertical-align:top" | <code><nowiki>{{=}}</nowiki></code> '''(m)''' | <nowiki>=</nowiki> | &amp;#61; | Displaying equal signs inside of unnamed parameters (e.g. <code><nowiki>{{MyTemplate|1+1=2}}</nowiki></code> will assign <code>2</code> to <code><nowiki>{{{1+1|}}}</nowiki></code>; <code><nowiki>{{MyTemplate|1+1{{=}}2}}</nowiki></code> will do what you want) |- style="vertical-align:top" | {{tlx|!!}} | <nowiki>||</nowiki> | &amp;#124;&amp;#124; | Displaying a break between two table cells inside of a parser function |- style="vertical-align:top" | {{tlx|!(}} | {{!(}} | &amp;#91; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|)!}} | {{)!}} | &amp;#93; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|!((}} | {{!((}} | &amp;#91;&amp;#91; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|))!}} | {{))!}} | &amp;#93;&amp;#93; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|(}} | {{(}} | &amp;#123; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|)}} | {{)}} | &amp;#125; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|((}} | {{((}} | &amp;#123;&amp;#123; | Displaying open braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|))}} | {{))}} | &amp;#125;&amp;#125; | Displaying closed braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|(((}} | {{(((}} | &amp;#123;&amp;#123;&amp;#123; | Displaying a template parameter's open curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|)))}} | {{)))}} | &amp;#125;&amp;#125;&amp;#125; | Displaying a template parameter's closed curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|(!}} | <nowiki>{|</nowiki> | &amp;#123;&amp;#124; | Starting a table inside of a parser function |- style="vertical-align:top" | {{tlx|!-}} | <nowiki>|-</nowiki> | &amp;#124;&amp;#45; | Starting a new table row inside of a parser function |- style="vertical-align:top" | {{tlx|!)}} | <nowiki>|}</nowiki> | &amp;#124;&amp;#125; | Closing a table inside of a parser function |}<includeonly> [[Category:Formatting templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 1bdc95eb92ba36093f841fc832035a79501db2cb 10 46 49 2024-07-23T02:55:10Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 47 50 2024-07-23T02:55:11Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki ]<noinclude> {{documentation}}</noinclude> 016897dfd1af3b146bed2b47e7aa58c0bbf6f23d 10 48 51 2024-07-23T02:55:12Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki ]<noinclude> {{documentation}}</noinclude> 016897dfd1af3b146bed2b47e7aa58c0bbf6f23d 10 49 52 2024-07-23T02:55:13Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 50 53 2024-07-23T02:55:15Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki }}<noinclude> {{documentation}} </noinclude> 85ca77d4d6ff71d8e6396ebd798f87fa7f45dc02 10 51 54 2024-07-23T02:55:16Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki ]]<noinclude> {{documentation}}</noinclude> 3d84066ce45d0c1fca0bb04608a4e73c6ea54324 10 52 55 2024-07-23T02:55:17Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 53 56 2024-07-23T02:55:18Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki }}}<noinclude> {{documentation}}</noinclude> 585d94f6fe636b77087dc0d06bfbe6cb69b29987 10 54 57 2024-07-23T02:55:20Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 55 58 2024-07-23T02:55:22Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 56 59 2024-07-23T02:55:23Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 57 60 2024-07-23T02:55:25Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki &nbsp;&bull;&nbsp;<noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 81a7f0051da7b8f4a0548d91c5eb429a974fac91 10 58 61 2024-07-23T02:55:26Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki This is the '''bullet''' template; it looks like this: [&nbsp;&bull;&nbsp;] It works similarly to the HTML markup sequence: [<code>'''&amp;nbsp;&amp;bull;&amp;nbsp;'''</code>], that is, a non-breaking space, a bullet and a non-breaking space. This template is used when you want a larger bullet than a bold middot ['''&middot;'''], but something smaller than an en dash [&ndash;]. <noinclude>[[Category:Template documentation]]</noinclude> ea04fe63a10dc333ed9c48bfc397debb11682f1e 10 59 62 2024-07-23T02:55:27Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="ambox {{{class|}}} {{#ifeq:{{lc:{{{tiny|}}}}}|yes|tiny}}"<!-- --> style="--ambox-color: {{{color|}}};"><!-- --><div class="ambox-icon">[[File:{{{icon|Ambox banner content.svg}}}{{!}}{{#ifeq:{{lc:{{{tiny|}}}}}|yes|48x20px|48x48px}}|alt=]]</div><!-- --><div class="ambox-content"><!-- start ambox content -->{{#if: {{{title|}}} | <p class="ambox-title">{{{title}}}</p> }}<!-- --><p class="ambox-text">{{{message|No text provided.}}}{{#if: {{{date|}}} |<nowiki> </nowiki>(Message added: {{{date}}}) }}</p><!-- --></div><!-- end ambox content --></div><!-- end ambox --></includeonly><noinclude> {{doc}} [[Category:Notice templates]]</noinclude> 8a8451e2f1d9edc664e53261eba3ce4f140d1e28 10 60 63 2024-07-23T02:55:28Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki == Summary == {{#ifeq:{{ROOTPAGENAME}}|Ambox|"Ambox" is an abbreviation for '''A'''rticle '''m'''essage '''box'''. You can use amboxes in articles to indicate something important about the current page, often in the header.| This '''message template''' is an [[Template:Ambox|article message box]], or '''ambox'''. The documentation below discusses how to use each ambox provided by the wiki. }} == Premade amboxes == === Problem notice amboxes === These amboxes are used temporarily to notify other editors and visitors about a problem with an article. These amboxes support the following parameters: * <code>|tiny=</code>: If set to <code>yes</code>, the box will have less padding and the icon will be much smaller than default. * <code>|class=</code>: Any additional CSS classes to add to the ambox container element. * <code>|date=</code>: The date the ambox was added to the page. * <code>|nocat=</code>: If set to <code>yes</code>, no category will be added to the page. Use this only when creating documentation. '''Note:''' Premade amboxes need the base {{tl|Ambox}} template to work. {| class="wikitable" ! Code !! Result |- | {{tl|Cleanup}} || {{Cleanup|nocat=yes}} |- | {{tl|Delete}} || {{Delete|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Merge|Merge]]|Example<nowiki>}}</nowiki></code> || {{Merge|Template:Ambox{{!}}Example|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Move|Move]]|Example<nowiki>}}</nowiki></code> || {{Move|Template:Ambox{{!}}Example|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Split|Split]]|Example<nowiki>}}</nowiki></code><br/><br/><code><nowiki>{{</nowiki>[[Template:Split|Split]]|Example 1|Example 2|Example 3<nowiki>}}</nowiki></code> || {{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} |- | {{tl|Stub}} || {{Stub|nocat=yes}} |- |} === Informational amboxes === These amboxes are intended as permanent fixtures to a page, to notify visitors about some piece of information relevant to the page. These amboxes support the following parameters in addition to any listed: * <code>|tiny=</code>, if set to <code>Yes</code> the image will be much smaller than default * <code>|class=</code>, any additional classes to add to the ambox container {| class="wikitable" ! Code !! Additional parameters !! Result |- | {{tl|Spoiler warning}} || || {{Spoiler warning|nocat=yes}} |- | {{tl|No direct use}} || || {{No direct use|nocat=yes}} |- | {{tl|Uses Lua}} || <code><nowiki>|1=</nowiki></code>, a comma-separated list of modules used || {{Uses Lua|nocat=yes}} |} === Optional parameters === You can use optional parameters to further customize a premade ambox. The example below is using <code>tiny=yes</code> and <code>date=01/01/2021</code>. {{Cleanup|tiny=yes|date=01/01/2021|nocat=yes}} == Creating a custom ambox == You can create additional ambox templates as needed using the following parameters: <pre> {{Ambox | color = The left border color. | icon = The icon image to be displayed. | title = The optional title. | message = The explanation text displayed. | tiny = If you want the tiny version of the ambox, fill the parameter with "yes". | date = An optional date of creation for the message. | class = An optional CSS class for the ambox. }} </pre> == Dependencies == For this template to work properly, you need the following: * <code>.ambox</code> and any related classes, found in [[MediaWiki:Common.css]]. <includeonly>[[Category:Notice templates]]</includeonly> __NOTOC__ <noinclude>[[Category:Template documentation]]</noinclude> 6fced5813eb1133d8fab2dc8b7e884c513299eaf 10 61 64 2024-07-23T02:55:29Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><span id="{{{1}}}"></span><!-- --></includeonly><!-- --><noinclude>{{doc}} [[Category:Navigation templates]]</noinclude> 08ccba46722925866447768d344bf540b0b55e79 10 62 65 2024-07-23T02:55:30Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki == Summary == This template can be used to insert an invisible anchor (reference points) into a page that can later be used by internal wiki links. == Usage == To create a custom anchor, use <code><nowiki>{{Anchor|Anchor Name}}</nowiki></code> anywhere in the page. For example, if you create the anchor <code><nowiki>{{Anchor|Example Anchor}}</nowiki></code> in the page <code><nowiki>[[Example]]</nowiki></code>, you can access it through the internal link <code><nowiki>[[Example#Example Anchor]]</nowiki></code>. Remember that you can create a [[support:Redirect|redirect]] to this template so that you can call it more easily, such as with <code><nowiki>{{a|Anchor Name}}</nowiki></code>. <noinclude>[[Category:Template documentation]]</noinclude> 4b0ddb50416a354db262e62617d9b45056f4d526 10 63 66 2024-07-23T02:55:32Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Character}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 24bad84fd5dea93cab210dfd592fda86af09eb87 10 64 67 2024-07-23T02:55:33Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki == Summary == <templatedata> { "params": { "1": { "aliases": [ "page" ], "label": "Page Name", "description": "The name for the target page.", "example": "Page Name", "type": "wiki-page-name", "required": true }, "2": { "aliases": [ "label" ], "label": "Link Label", "description": "The text to the be displayed on the link icon's label.", "example": "Alternative Page Name", "type": "line" } }, "description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Character).png\".", "format": "inline" } </templatedata> == Examples == For the examples below, <code><nowiki>File:Invisible Boy (Character).png</nowiki></code> was used as the icon for a page called <code>Invisible Boy</code>. {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Character icon|Invisible Boy}}</nowiki></code> || {{Character icon|Invisible Boy}} |- | <code><nowiki>{{Character icon|Invisible Boy|The Invisible Boy}}</nowiki></code> || {{Character icon|Invisible Boy|The Invisible Boy}} |- | <code><nowiki>{{Character icon|Invisible Boy|notext}}</nowiki></code> || {{Character icon|Invisible Boy|notext}} |- | <code><nowiki>{{Character icon|Missing Boy}}</nowiki></code> (Missing Page Icon) || {{Character icon|Missing Boy}} |} == Dependencies== For this template to work properly, you need the following: * The base {{tl|Link icon}} template. * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. 0999a706143c16f5ed970816e7825239cfce9547 10 65 68 2024-07-23T02:55:34Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Cleanup.svg | message = This page does not meet '''{{SITENAME}}''''s page quality standards. You can [{{fullurl:{{FULLPAGENAME}}|action=edit}} edit it] to help fixing grammar, formatting, or code issues. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Pages in need of improvement]]}}</includeonly><!-- --><noinclude>{{Cleanup|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 150c056a9c89e3cf148e7243f5bf27c87d43600a 10 66 69 2024-07-23T02:55:36Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 67 70 2024-07-23T02:55:37Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <div style="clear:{{{1|both}}};" class={{{class|}}}></div><noinclude> {{documentation}} </noinclude> 5b24b9fd5cc166a8c486e2422d5df465206ed39c 10 68 71 2024-07-23T02:55:39Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = grey | icon = Delete.svg | title = Candidate for Deletion | message = This page lacks relevance for '''{{SITENAME}}''' and is a candidate for '''deletion'''. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for deletion]]}}</includeonly><!-- --><noinclude>{{Delete|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 6c827de94518d7f5f1635b13425be0d0fb4078da 10 69 72 2024-07-23T02:55:41Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 70 73 2024-07-23T02:55:42Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:topic|<!-- start vd -->{{#if:{{{topic|}}} | {{{topic}}} | {{PAGENAME}} }}<!-- end if -->}}<!-- end vd -->{{#vardefine:disambig|<!-- start vd -->{{#if:{{{1|}}}<!-- start custom disambig if -->|{{{1}}}<!-- start label if -->{{#if:{{{2|}}} | {{!}}{{{2}}} }}<!-- end label if -->|{{#var:topic}} (disambiguation)<!-- else; use regular disambig -->}}<!-- end custom disambig if -->}}<!-- end vd -->{{Hatnote|<!-- -->This page is about '''{{#var:topic}}'''. For other uses, see [[{{#var:disambig}}]].<!-- -->|icon=Disambig.svg<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> c4c62e7a1876492eb970ea182cf4ac0bcad97913 10 71 74 2024-07-23T02:55:44Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Disambiguation Page", "description": "A custom disambiguation page name.", "example": "Disambiguation Page", "type": "wiki-page-name" }, "2": { "label": "Link Label", "description": "A label for the custom disambiguation page.", "example": "Alternative Page Name", "type": "line" }, "topic": { "label": "Custom Topic", "description": "In case {{PAGENAME}} does not describe the topic, this can be used to display a custom topic", "example": "a custom topic", "default": "{{PAGENAME}}", "type": "line" } }, "description": "This hatnote template is meant to be used at the top of an article to indicate the existence of a disambiguation page.", "paramOrder": [ "1", "2", "topic" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Disambiguation}}</nowiki></code> || {{Disambiguation|topic=Example}} |- | <code><nowiki>{{Disambiguation|Special:Random|topic=Example}}</nowiki></code> || {{Disambiguation|Special:Random|topic=Example}} |- | <code><nowiki>{{Disambiguation|Special:Random|Page Label|topic=this particular topic}}</nowiki></code> || {{Disambiguation|Special:Random|Page Label|topic=this particular topic}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:About|Wikipedia's About Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 5fce9c689120c57454571ff0e60a2cd447df5713 10 72 75 2024-07-23T02:55:45Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{text|}}} | {{{text}}} |<!-- start top if -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] or [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>or [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end custom disambig if -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->Not to be confused with {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 67ae5406ffd29bec56cfe7ad6527bb09a9733496 10 73 76 2024-07-23T02:55:46Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Alternative", "description": "The alternative page.", "example": "Alternative Page", "type": "wiki-page-name", "suggested": true }, "2": { "label": "Second Alternative", "description": "A second alternative page.", "example": "Second Alternative Page", "type": "wiki-page-name" }, "3": { "label": "Third Alternative", "description": "A third alternative page.", "example": "Third Alternative Page", "type": "wiki-page-name" }, "text": { "label": "Alternative Text", "description": "Instead of using pages, you can provide a full alternative text. This parameter overrides other provided parameters.", "example": "the alternative page, [[Alternative Page]]", "type": "line" } }, "description": "This hatnote template is meant to be used to indicate possible alternatives to what the reader wants to find.", "paramOrder": [ "1", "2", "3", "text" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Distinguish|Special:Uncategorizedpages{{!}}Page 1}} |- | <code><nowiki>{{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}}</nowiki></code> || {{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:Distinguish|Wikipedia's Distinguish Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 2a06ed576ae6479add20834628f9378c657cb4fb 10 74 77 2024-07-23T02:55:48Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Documentation]] 041222999c2c4765a4663432058f50686fb65f40 10 75 78 2024-07-23T02:55:49Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="documentation"><!-- --><div class="documentation-header"><!-- -->[[File:Template-{{#ifexist:{{#vardefineecho:docpage|{{{1|Template:{{#replace:{{{1|{{PAGENAME}}/doc}}}|Template:|}}}}}<!-- end vde -->}}|{{#if:{{{baddoc|}}}|bad}}|no}}info.svg|50px|link=]] <!-- --><span style="font-weight: bold; font-size: 125%; margin-right: 10px;">Documentation</span> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!--nothing-->|<!-- -->{{#ifexist:{{#var:docpage}}|<!-- --><span style="font-size: 90%; font-style: italic;"><!-- -->[{{fullurl:{{#var:docpage}}|action=edit}} Edit] this documentation at [{{fullurl:{{#var:docpage}}|redirect=no}} {{FULLPAGENAMEE:{{#var:docpage}}}}].<!-- --></span><!-- -->}}<!-- -->}}<!-- --><div style="float: right; margin-left: 5px;"><!-- -->[{{fullurl:{{FULLPAGENAMEE}}|action=purge}} purge]<!-- --></div><!-- --></div><!-- <!-- leave line break here --> {{#if:{{{lua|}}}|{{UsesLua|{{{lua}}} }} }} <!-- documentation text/error box begins here --> <div style="border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: 0.5em auto 1em; padding: 0.8em 1.2em; background: var(--wiki-content-background-color--secondary);"> <!-- -->{{#ifexist:{{#var:docpage}}|<!-- If there is documentation --> {{ {{#var:docpage}} }} <!-- Else -->|<!-- -->No documentation subpage exists yet for this template. [{{fullurl:{{FULLPAGENAMEE:Template:{{{1|{{PAGENAME}}}}}}}/doc|action=edit&preload=Template:Doc/preload}} Create one now].<!-- -->[[Category:Templates with no documentation]]<!-- -->}}<!-- leave line break here --> <!-- documentation text/error box ends here --> </div> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!-- -->{{#ifeq:{{BASEPAGENAME}}|Doc|<!--nothing-->|<!-- only if page is not Template:Doc -->This is the documentation page, it should be transcluded into the main template page. See {{tlx|doc}} for more information. <!-- -->[[Category:Template documentation]]<!-- -->}}<!-- -->}}<!-- --></div><!-- --></includeonly><!-- --><noinclude>{{Documentation}} [[Category:Documentation templates| ]] </noinclude> 5e49b1b7e058769b5c2e3e9cc00ddf9271ed8bb8 10 76 79 2024-07-23T02:55:51Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki Use {{tl|documentation}} inside of the <code><nowiki><noinclude></noinclude></nowiki></code> section on your template. Then create your template at the <code>/doc</code> subpage of your template. <noinclude>[[Category:Template documentation]]</noinclude> 055b0481a1967951c59f15a09b92767c90baa8dd 10 77 80 2024-07-23T02:55:53Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{3|}}}<!-- if more than one page -->|[[{{{2}}}]]{{#if:{{{4|}}}<!-- start concat if -->|, [[{{{3}}}]] and [[{{{4}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{3}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{2}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->For {{{1}}}, see {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 1899e48855153617f7c0bf3087b781bc80f0395c 10 78 81 2024-07-23T02:55:54Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Topic", "description": "The topic the following pages are about.", "example": "more information", "type": "line", "required": true }, "2": { "label": "Related Page", "description": "A related page.", "example": "Related Page", "type": "wiki-page-name", "required": true }, "3": { "label": "Second Page", "description": "A second related page.", "example": "Second Related Page", "type": "wiki-page-name" }, "4": { "label": "Third Page", "description": "A third related page.", "example": "Third Related Page", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be used to show pages related to a topic the reader might want to visit.", "paramOrder": [ "1", "2", "3", "4" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{For|more information|Special:WantedPages}}</nowiki></code> || {{For|more information|Special:WantedPages}} |- | <code><nowiki>{{For|more information|Special:WantedPages|Special:UncategorizedPages}}</nowiki></code> || {{For|more information|Special:WantedPages|Special:UncategorizedPages}} |- | <code><nowiki>{{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}</nowiki></code> || {{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}} |- | <code><nowiki>{{For|more information|Special:WantedPages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{For|more information|Special:WantedPages{{!}}Page 1}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> b2a30a9bf8acff259d5e86654a2de69c2d5e4fff 10 79 82 2024-07-23T02:55:56Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Wikipedia.svg | title= This code is adapted from [[wikipedia:Main Page|Wikipedia]]. | message = For the original code, see the following pages: {{#arraymap:{{{1|}}}|,|%s|[[wikipedia:%s|%s]]}} | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc}}</noinclude> 0bb256ef5acc38fb0cfbdacc22e75aab89bd6e2c 10 80 83 2024-07-23T02:55:57Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <code>Gadget - [[MediaWiki:Gadget-{{{1}}}|{{{1}}}]]</code><noinclude>[[Category:Formatting templates]]</noinclude> 3ddc96bdd5961224a208f920b89d07676df2b8ac 10 81 84 2024-07-23T02:55:59Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="hatnote {{#if:{{{icon|}}}|icon}}">{{#if:{{{icon|}}}|[[File:{{{icon}}}|x22px]]<nowiki> </nowiki>}}{{{1|}}}</div><!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates| ]]</noinclude> d7a4d8889e7aa401084a21a4a295267f8e910a13 10 82 85 2024-07-23T02:56:01Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {{No direct use}} == List of Hatnote Templates == * {{tl|Disambiguation}} * {{tl|Distinguish}} * {{tl|For}} * {{tl|Main}} == Dependencies == For this template to work properly, you need the following: * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. * The <code>--wiki-body-dynamic-color--secondary--inverted</code> CSS variable, defined in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 146c25eada492520a5b60e4c03108cce6db97b6a 10 83 86 2024-07-23T02:56:02Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Link icon]] 6ebdedb4de95efaa3e6ca27590e79aca674f2364 10 84 87 2024-07-23T02:56:03Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Item}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 6564279e3808e659b8034ad4b96f4f9e9e498b57 10 85 88 2024-07-23T02:56:04Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki == Summary == <templatedata> { "params": { "1": { "aliases": [ "page" ], "label": "Page Name", "description": "The name for the target page.", "example": "Page Name", "type": "wiki-page-name", "required": true }, "2": { "aliases": [ "label" ], "label": "Link Label", "description": "The text to the be displayed on the link icon's label.", "example": "Alternative Page Name", "type": "line" } }, "description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Item).png\".", "format": "inline" } </templatedata> == Examples == For the examples below, <code><nowiki>File:Mystic Feather (Item).png</nowiki></code> was used as the icon for a page called <code>Mystic Feather</code>. {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Item icon|Mystic Feather}}</nowiki></code> || {{Item icon|Mystic Feather}} |- | <code><nowiki>{{Item icon|Mystic Feather|Mystic Feathers}}</nowiki></code> || {{Item icon|Mystic Feather|Mystic Feathers}} |- | <code><nowiki>{{Item icon|Mystic Feather|notext}}</nowiki></code> || {{Item icon|Mystic Feather|notext}} |- | <code><nowiki>{{Item icon|Missing Item}}</nowiki></code> (Missing Page Icon) || {{Item icon|Missing Item}} |} == Dependencies== For this template to work properly, you need the following: * The base {{tl|Link icon}} template. * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. 4dfcab6f3d3c88596068607685645f29666f0141 10 86 89 2024-07-23T02:56:06Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:platform | {{#if: {{{2|}}} | {{#switch: {{lc:{{{1|}}}}} <!-- Desktop --> |mouse |keyboard=keyboard <!-- Mobile --> |gesture=gesture <!-- Microsoft --> |xboxseries |xbox=Xbox |xbox one |xbone |xbox1 |xboxone=xboxone |xbox 360 |xb360 |xbox360 |360=360 <!-- Sony --> |ps |ps5 |playstation |ds |dualsense=DualSense |playstation 4 |ps4=ps4 |playstation 3 |ps3=ps3 <!-- Nintendo --> |ns |switch=Switch |wii=wii }} | undefined }} }}<!-- -->{{#vardefine:key | {{#if: {{{2|}}} | {{ucfirst:{{{2}}}}} | {{ucfirst:{{{1}}}}} }} }}<!-- -->{{#vardefine:img | {{#if: {{{2|}}} | [[File:{{#var:platform}} {{#var:key}}.png|x25px|link=]] }} | Undefined }}<!-- --><span class="key">{{#var:img}}</span><!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 35b1803669bb4b206268281dfce31a8faa448a68 10 87 90 2024-07-23T02:56:07Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <tabber> |-|Desktop={{:Template:Key/doc/Keyboard}} |-|Mobile={{:Template:Key/doc/Gesture}} |-|Xbox={{:Template:Key/doc/Xbox}} |-|PlayStation={{:Template:Key/doc/DualSense}} |-|Nintendo Switch={{:Template:Key/doc/Nintendo Switch}} </tabber> <noinclude>[[Category:Key template documentation]]</noinclude> d59bc21844666f81d51a44a0e47551c3e2f06ea1 10 88 91 2024-07-23T02:56:08Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki Images Source: [[dev:Category:DualSense_input_images]] === Buttons === <code><nowiki>{{Key|PS|Directional}}</nowiki></code> {{Key|PS|Directional}} <code><nowiki>{{Key|PS|Directional Left}}</nowiki></code> {{Key|PS|Directional Left}} <code><nowiki>{{Key|PS|Directional Right}}</nowiki></code> {{Key|PS|Directional Right}} <code><nowiki>{{Key|PS|Directional Up}}</nowiki></code> {{Key|PS|Directional Up}} <code><nowiki>{{Key|PS|Directional Down}}</nowiki></code> {{Key|PS|Directional Down}} <code><nowiki>{{Key|PS|Left Stick}}</nowiki></code> {{Key|PS|Left Stick}} <code><nowiki>{{Key|PS|Right Stick}}</nowiki></code> {{Key|PS|Right Stick}} <code><nowiki>{{Key|PS|Touch Pad}}</nowiki></code> {{Key|PS|Touch Pad}} <code><nowiki>{{Key|PS|Circle}}</nowiki></code> {{Key|PS|Circle}} <code><nowiki>{{Key|PS|Cross}}</nowiki></code> {{Key|PS|Cross}} <code><nowiki>{{Key|PS|Square}}</nowiki></code> {{Key|PS|Square}} <code><nowiki>{{Key|PS|Triangle}}</nowiki></code> {{Key|PS|Triangle}} <code><nowiki>{{Key|PS|Create}}</nowiki></code> {{Key|PS|Create}} <code><nowiki>{{Key|PS|Options}}</nowiki></code> {{Key|PS|Options}} <code><nowiki>{{Key|PS|L1}}</nowiki></code> {{Key|PS|L1}} <code><nowiki>{{Key|PS|R1}}</nowiki></code> {{Key|PS|R1}} <code><nowiki>{{Key|PS|L2}}</nowiki></code> {{Key|PS|L2}} <code><nowiki>{{Key|PS|R2}}</nowiki></code> {{Key|PS|R2}} <code><nowiki>{{Key|PS|L3}}</nowiki></code> {{Key|PS|L3}} <code><nowiki>{{Key|PS|R3}}</nowiki></code> {{Key|PS|R3}} <code><nowiki>{{Key|PS|Mute}}</nowiki></code> {{Key|PS|Mute}} <code><nowiki>{{Key|PS|PS}}</nowiki></code> {{Key|PS|PS}} === Diagram === <code><nowiki>{{Key|PS|Controller Diagram}}</nowiki></code> {{Key|PS|Controller Diagram}} <noinclude>[[Category:Key template documentation]]</noinclude> 46666b1986cc232e5463c29aa870d1f39ffec583 10 89 92 2024-07-23T02:56:10Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki Images Source: [[dev:Category:Gesture_input_images]] === Fingers === <code><nowiki>{{key|gesture|finger front}}</nowiki></code> {{key|gesture|finger front}} <code><nowiki>{{key|gesture|finger side}}</nowiki></code> {{key|gesture|finger side}} === Tap & Hold === <code><nowiki>{{key|gesture|tap}}</nowiki></code> {{key|gesture|tap}} <code><nowiki>{{key|gesture|double tap}}</nowiki></code> {{key|gesture|double tap}} <code><nowiki>{{key|gesture|hold}}</nowiki></code> {{key|gesture|hold}} === Swipe Motions === <code><nowiki>{{key|gesture|swipe bottom left}}</nowiki></code> {{key|gesture|swipe bottom left}} <code><nowiki>{{key|gesture|swipe bottom right}}</nowiki></code> {{key|gesture|swipe bottom right}} <code><nowiki>{{key|gesture|swipe down}}</nowiki></code> {{key|gesture|swipe down}} <code><nowiki>{{key|gesture|swipe left}}</nowiki></code> {{key|gesture|swipe left}} <code><nowiki>{{key|gesture|swipe right}}</nowiki></code> {{key|gesture|swipe right}} <code><nowiki>{{key|gesture|swipe top left}}</nowiki></code> {{key|gesture|swipe top right}} <code><nowiki>{{key|gesture|swipe up}}</nowiki></code> {{key|gesture|swipe up}} === Zoom & Scroll === <code><nowiki>{{key|gesture|zoom in}}</nowiki></code> {{key|gesture|zoom in}} <code><nowiki>{{key|gesture|zoom out}}</nowiki></code> {{key|gesture|zoom out}} <code><nowiki>{{key|gesture|scroll down}}</nowiki></code> {{key|gesture|scroll down}} <code><nowiki>{{key|gesture|scroll left}}</nowiki></code> {{key|gesture|scroll left}} <code><nowiki>{{key|gesture|scroll right}}</nowiki></code> {{key|gesture|scroll right}} <code><nowiki>{{key|gesture|scroll up}}</nowiki></code> {{key|gesture|scroll up}} === Circular Motions === <code><nowiki>{{key|gesture|double rotate}</nowiki></code> {{key|gesture|double rotate}} <code><nowiki>{{key|gesture|full circle}}</nowiki></code> {{key|gesture|full circle}} <code><nowiki>{{key|gesture|half circle}}</nowiki></code> {{key|gesture|half circle}} <code><nowiki>{{key|gesture|quarter circle}}</nowiki></code> {{key|gesture|quarter circle}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 9ba3327d97d6810dde5c2dcc731a2bd9f50b6d0e 10 90 93 2024-07-23T02:56:11Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki Images Source: [[dev:Category:Switch_input_images]] === Nintendo Switch === <code><nowiki>{{Key|Switch|a}}</nowiki></code> {{Key|Switch|a}} <code><nowiki>{{Key|Switch|b}}</nowiki></code> {{Key|Switch|b}} <code><nowiki>{{Key|Switch|x}}</nowiki></code> {{Key|Switch|x}} <code><nowiki>{{Key|Switch|y}}</nowiki></code> {{Key|Switch|y}} <code><nowiki>{{Key|Switch|Left Stick}}</nowiki></code> {{Key|Switch|Left Stick}} <code><nowiki>{{Key|Switch|Right Stick}}</nowiki></code> {{Key|Switch|Right Stick}} <code><nowiki>{{Key|Switch|Left Stick Press}}</nowiki></code> {{Key|Switch|Left Stick Press}} <code><nowiki>{{Key|Switch|Right Stick Press}}</nowiki></code> {{Key|Switch|Right Stick Press}} <code><nowiki>{{Key|Switch|-}}</nowiki></code> {{Key|Switch|-}} <code><nowiki>{{Key|Switch|+}}</nowiki></code> {{Key|Switch|+}} <code><nowiki>{{Key|Switch|Capture}}</nowiki></code> {{Key|Switch|Capture}} <code><nowiki>{{Key|Switch|HOME}}</nowiki></code> {{Key|Switch|HOME}} <code><nowiki>{{Key|Switch|L}}</nowiki></code> {{Key|Switch|L}} <code><nowiki>{{Key|Switch|R}}</nowiki></code> {{Key|Switch|R}} <code><nowiki>{{Key|Switch|ZL}}</nowiki></code> {{Key|Switch|ZL}} <code><nowiki>{{Key|Switch|ZR}}</nowiki></code> {{Key|Switch|ZR}} === Pro Controller === <code><nowiki>{{Key|Switch|Pro Control Pad}}</nowiki></code> {{Key|Switch|Pro Control Pad}} <code><nowiki>{{Key|Switch|Pro Control Pad Left}}</nowiki></code> {{Key|Switch|Pro Control Pad Left}} <code><nowiki>{{Key|Switch|Pro Control Pad Right}}</nowiki></code> {{Key|Switch|Pro Control Pad Right}} <code><nowiki>{{Key|Switch|Pro Control Pad Up}}</nowiki></code> {{Key|Switch|Pro Control Pad Up}} <code><nowiki>{{Key|Switch|Pro Control Pad Down}}</nowiki></code> {{Key|Switch|Pro Control Pad Down}} === Joy-Con === <code><nowiki>{{Key|Switch|Directional Left}}</nowiki></code> {{Key|Switch|Directional Left}} <code><nowiki>{{Key|Switch|Directional Right}}</nowiki></code> {{Key|Switch|Directional Right}} <code><nowiki>{{Key|Switch|Directional Up}}</nowiki></code> {{Key|Switch|Directional Up}} <code><nowiki>{{Key|Switch|Directional Down}}</nowiki></code> {{Key|Switch|Directional Down}} ==== Diagrams ==== <code><nowiki>{{Key|Switch|Joy-Con}}</nowiki></code> {{Key|Switch|Joy-Con}} <code><nowiki>{{Key|Switch|Joy-Con Separate}}</nowiki></code> {{Key|Switch|Joy-Con Separate}} <code><nowiki>{{Key|Switch|Joy-Con Left}}</nowiki></code> {{Key|Switch|Joy-Con Left}} <code><nowiki>{{Key|Switch|Joy-Con Right}}</nowiki></code> {{Key|Switch|Joy-Con Right}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 3656bc1084c0bfaa077723e58b10288af7a54e4c 10 91 94 2024-07-23T02:56:13Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki Images Source: [[dev:Category:PS4_input_images]] === D-Pad & Sticks === <code><nowiki>{{key|ps4|dpad}}</nowiki></code> {{key|ps4|dpad}} <code><nowiki>{{key|ps4|left}}</nowiki></code> {{key|ps4|left}} <code><nowiki>{{key|ps4|right}}</nowiki></code> {{key|ps4|right}} <code><nowiki>{{key|ps4|up}}</nowiki></code> {{key|ps4|up}} <code><nowiki>{{key|ps4|down}}</nowiki></code> {{key|ps4|down}} <code><nowiki>{{key|ps4|left stick}}</nowiki></code> {{key|ps4|left stick}} <code><nowiki>{{key|ps4|right stick}}</nowiki></code> {{key|ps4|right stick}} <code><nowiki>{{key|ps4|touch pad}}</nowiki></code> {{key|ps4|touch pad}} === Front Buttons === <code><nowiki>{{key|ps4|circle}}</nowiki></code> {{key|ps4|circle}} <code><nowiki>{{key|ps4|cross}}</nowiki></code> {{key|ps4|cross}} <code><nowiki>{{key|ps4|square}}</nowiki></code> {{key|ps4|square}} <code><nowiki>{{key|ps4|triangle}}</nowiki></code> {{key|ps4|triangle}} <code><nowiki>{{key|ps4|share}}</nowiki></code> {{key|ps4|share}} <code><nowiki>{{key|ps4|options}}</nowiki></code> {{key|ps4|options}} === Rear Buttons === <code><nowiki>{{key|ps4|l1}}</nowiki></code> {{key|ps4|l1}} <code><nowiki>{{key|ps4|r1}}</nowiki></code> {{key|ps4|r1}} <code><nowiki>{{key|ps4|l2}}</nowiki></code> {{key|ps4|l2}} <code><nowiki>{{key|ps4|r2}}</nowiki></code> {{key|ps4|r2}} <noinclude>[[Category:Key template documentation]]</noinclude> 9a5b9ac2240ead8eef67ebf6ca50081c6de18b3b 10 92 95 2024-07-23T02:56:14Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki Images Source: [[dev:Category:Xbox input images]] === Series & One === <code><nowiki>{{Key|Xbox|A}}</nowiki></code> {{Key|Xbox|A}} <code><nowiki>{{Key|Xbox|B}}</nowiki></code> {{Key|Xbox|B}} <code><nowiki>{{Key|Xbox|X}}</nowiki></code> {{Key|Xbox|X}} <code><nowiki>{{Key|Xbox|Y}}</nowiki></code> {{Key|Xbox|y}} <code><nowiki>{{Key|Xbox|Left Thumbstick}}</nowiki></code> {{Key|Xbox|Left Thumbstick}} <code><nowiki>{{Key|Xbox|Right Thumbstick}}</nowiki></code> {{Key|Xbox|Right Thumbstick}} <code><nowiki>{{Key|Xbox|Left Thumbstick Press}}</nowiki></code> {{Key|Xbox|Left Thumbstick Press}} <code><nowiki>{{Key|Xbox|Right Thumbstick Press}}</nowiki></code> {{Key|Xbox|Right Thumbstick Press}} <code><nowiki>{{Key|Xbox|LB}}</nowiki></code> {{Key|Xbox|LB}} <code><nowiki>{{Key|Xbox|RB}}</nowiki></code> {{Key|Xbox|RB}} <code><nowiki>{{Key|Xbox|View}}</nowiki></code> {{Key|Xbox|View}} <code><nowiki>{{Key|Xbox|Menu}}</nowiki></code> {{Key|Xbox|Menu}} <code><nowiki>{{Key|Xbox|Button}}</nowiki></code> {{Key|Xbox|Button}} === Xbox Series === <code><nowiki>{{Key|Xbox|D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|LT}}</nowiki></code> {{Key|Xbox|LT}} <code><nowiki>{{Key|Xbox|RT}}</nowiki></code> {{Key|Xbox|RT}} <code><nowiki>{{Key|Xbox|Share}}</nowiki></code> {{Key|Xbox|Share}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|Series Controller Diagram}}</nowiki></code> {{Key|Xbox|Series Controller Diagram}} === Xbox One === <code><nowiki>{{Key|Xbox|One D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|One D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|One D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|One D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|One D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|One Left Trigger}}</nowiki></code> {{Key|Xbox|One Left Trigger}} <code><nowiki>{{Key|Xbox|One Right Trigger}}</nowiki></code> {{Key|Xbox|One Right Trigger}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|One Controller Diagram}}</nowiki></code> {{Key|Xbox|One Controller Diagram}} <noinclude>[[Category:Key template documentation]]</noinclude> 1d2071cc78fa85a6c9824b188bea921c10d533f7 10 93 96 2024-07-23T02:56:16Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly> <noinclude>{{documentation}}</noinclude> 97ce18acc45bafbcf8fbbf066408a1e8ca46f82e 97 96 2024-07-23T02:56:16Z Bot4401 45109 Protected "[[Template:License]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly> <noinclude>{{documentation}}</noinclude> 97ce18acc45bafbcf8fbbf066408a1e8ca46f82e 10 94 98 2024-07-23T02:56:17Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 956c4b541bf09eae168956e88b0723f17909801b 99 98 2024-07-23T02:56:18Z Bot4401 45109 Protected "[[Template:License/CC-BY]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 956c4b541bf09eae168956e88b0723f17909801b 10 95 100 2024-07-23T02:56:19Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 0a71686704d05cbe6c47127502d6efbcfbc07aaa 101 100 2024-07-23T02:56:20Z Bot4401 45109 Protected "[[Template:License/CC-BY-NC]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 0a71686704d05cbe6c47127502d6efbcfbc07aaa 10 96 102 2024-07-23T02:56:21Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> d2662f8aed08d926b744cdc1263786bb06e84f56 103 102 2024-07-23T02:56:21Z Bot4401 45109 Protected "[[Template:License/CC-BY-NC-ND]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> d2662f8aed08d926b744cdc1263786bb06e84f56 10 97 104 2024-07-23T02:56:22Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 0aebf809772f77e9f40a27a46cbead47b0f23637 105 104 2024-07-23T02:56:23Z Bot4401 45109 Protected "[[Template:License/CC-BY-NC-SA]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 0aebf809772f77e9f40a27a46cbead47b0f23637 10 98 106 2024-07-23T02:56:24Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9a591941dc48084ecdd082f576380411b1406230 107 106 2024-07-23T02:56:24Z Bot4401 45109 Protected "[[Template:License/CC-BY-ND]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9a591941dc48084ecdd082f576380411b1406230 10 99 108 2024-07-23T02:56:25Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 43ba316c09d5eea2d13222f551d084eeaa807011 109 108 2024-07-23T02:56:26Z Bot4401 45109 Protected "[[Template:License/CC-BY-SA]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 43ba316c09d5eea2d13222f551d084eeaa807011 10 100 110 2024-07-23T02:56:27Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 729aa1019207fed07b48064e2032cc53c6346f25 111 110 2024-07-23T02:56:27Z Bot4401 45109 Protected "[[Template:License/CC-PD]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 729aa1019207fed07b48064e2032cc53c6346f25 10 101 112 2024-07-23T02:56:28Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9f9699ab0bd08dd66c0f61ec3b2455905e40bdf5 113 112 2024-07-23T02:56:30Z Bot4401 45109 Protected "[[Template:License/CC-SRR]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9f9699ab0bd08dd66c0f61ec3b2455905e40bdf5 10 102 114 2024-07-23T02:56:31Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 5b4bdd9526f2eee026aaa54d08d4b75c91cf2200 115 114 2024-07-23T02:56:32Z Bot4401 45109 Protected "[[Template:License/CC0]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 5b4bdd9526f2eee026aaa54d08d4b75c91cf2200 10 103 116 2024-07-23T02:56:33Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:License/fairuse]] ecb7db41961bb5256d571593ca3f90ae1e199a3e 10 104 117 2024-07-23T02:56:34Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki This template is to be used in a Licensing heading on file pages to denote the file's license. == Available Licenses == === Game === * Usage: <nowiki>{{License|game}}</nowiki> {{License|game}} === Fairuse === * Usage: <nowiki>{{License|fairuse}}</nowiki> {{License|fairuse}} === CC0 === * Usage: <nowiki>{{License|CC0}}</nowiki> {{License|CC0}} === CC-BY-NC-ND === * Usage: <nowiki>{{License|CC-BY-NC-ND}}</nowiki> {{License|CC-BY-NC-ND}} === CC-BY-NC-SA === * Usage: <nowiki>{{License|CC-BY-NC-SA}}</nowiki> {{License|CC-BY-NC-SA}} === CC-BY-NC === * Usage: <nowiki>{{License|CC-BY-NC}}</nowiki> {{License|CC-BY-NC}} === CC-BY-ND === * Usage: <nowiki>{{License|CC-BY-ND}}</nowiki> {{License|CC-BY-ND}} === CC-BY-SA === * Usage: <nowiki>{{License|CC-BY-SA}}</nowiki> {{License|CC-BY-SA}} === CC-BY === * Usage: <nowiki>{{License|CC-BY}}</nowiki> {{License|CC-BY}} === CC-PD === * Usage: <nowiki>{{License|CC-PD}}</nowiki> {{License|CC-PD}} === CC-SRR === * Usage: <nowiki>{{License|CC-SRR}}</nowiki> {{License|CC-SRR}} '''Providing no parameter (or invalid one) defaults to the nolicense notice:''' <nowiki>{{License}}</nowiki>{{License}} '''Source parameter (optional):''' The source parameter accepts a url to the source where the file came from if necessary for attribution. Example: <nowiki>{{License|game|source=https://indie.io/}}</nowiki> {{License|game|source=https://indie.io/}} <includeonly> [[Category:License templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 113b2d3883036729bbc13660742433cdde30a5e8 10 105 118 2024-07-23T02:56:35Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> ab575747427e43b6d5dc2d98e19579ebd2dac54e 119 118 2024-07-23T02:56:36Z Bot4401 45109 Protected "[[Template:License/fairuse]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> ab575747427e43b6d5dc2d98e19579ebd2dac54e 10 106 120 2024-07-23T02:56:37Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the indie.io [https://www.indie.io/terms-of-service Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to indie.io and/or its licensors. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 95a0e82b8c345c3802d7eef4afbff212056b5b66 121 120 2024-07-23T02:56:37Z Bot4401 45109 Protected "[[Template:License/game]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the indie.io [https://www.indie.io/terms-of-service Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to indie.io and/or its licensors. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 95a0e82b8c345c3802d7eef4afbff212056b5b66 10 107 122 2024-07-23T02:56:38Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 6fcc074a49246120434bbc0a2d2fb6364018548a 123 122 2024-07-23T02:56:39Z Bot4401 45109 Protected "[[Template:License/nolicense]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 6fcc074a49246120434bbc0a2d2fb6364018548a 10 108 124 2024-07-23T02:56:40Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 125 124 2024-07-23T02:56:41Z Bot4401 45109 Protected "[[Template:License/template]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 10 109 126 2024-07-23T02:56:42Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{#vardefine:target|{{{1|}}}<!-- end vd -->}}<!-- -->{{#vardefine:display|{{#if:{{{2|}}}|{{{2}}}|{{{1}}}<!-- end if -->}}<!-- end vd -->}}<!-- -->{{#vardefine:iconSize|1.2em}}<!-- -->{{#vardefine:lineHeight|1lh}}<!-- -->{{#vardefine:fileExists|{{filepath:{{#var:target}} ({{{type}}}).png}}}}<!-- -->{{#ifeq: {{{2|}}} | notext <!-- start if notext -->|<span class="link-icon notext" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"><!-- start notext icon element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}<!-- end icon if --></span><!-- end notext icon -->|<span class="link-icon" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"><!-- start icon + text element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}&nbsp;<!-- end icon if --><span class="display-text">[[{{#var:target}}|{{#var:display}}]]</span><!-- end display text -->}}<!-- start if notext --></span></includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> 4e9bb37a48d63bb6b56f32d260dc74f64011e4af 10 110 127 2024-07-23T02:56:43Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {{No direct use}} == List of link icon templates == * {{tl|Character icon}} * {{tl|Item icon}} == Dependencies== For this template to work properly, you need the following: * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 654dfb540ea31a810ef53c3820862942e63b2e8a 10 111 128 2024-07-23T02:56:44Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <noinclude>[[Category:Documentation templates]]</noinclude><div class="luadoc">Edit the [[{{FULLPAGENAME}}/doc|documentation or categories]] for this module. {{#ifexist:{{FULLPAGENAME}}/i18n|This module has an [[/i18n|i18n file]].}}</div> 5df079d8f61782274d2ab1da5c43526c4229362c 10 112 129 2024-07-23T02:56:45Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{#if:{{{image|}}}|[[File:{{{image|}}}|{{{size|42px}}}|link={{{link|{{{1|}}}}}}]]}}<!-- -->{{#if:{{#pos:{{{link|}}}|http}}|[{{{link|}}} {{{1|}}}]|[[{{{link|{{{1|}}}}}}|{{{1|}}}]]}}</includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> b5f7c06404f70f0e717c635e4516a43801d501a6 10 113 130 2024-07-23T02:56:46Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki This creates one of the stylized and formatted links on the [[{{SITENAME}}|main page]]. == Usage == Groups of this template should be wrapped inside of <code><nowiki><div class="mp-links"></div></nowiki></code> and each entry should be a separate line in an [[wikipedia:Help:Lists#Basically|unordered list]]. This div can be given one of the classes <code>columns-x</code> where x is a number from 1 to 5, and the links will line up in that many columns if space permits (default is 3). The div can also optionally be given the class <code>stretch</code> and it will stretch the list vertically to fill empty space. See [[Mediawiki:Common.css]] for the full definitions of these classes and styling for this template. ===Parameters=== <templatedata> { "description": { "en": "Creates stylized and formatted links on the main page." }, "format": "inline", "params": { "1": { "label": { "en": "Text" }, "description": { "en": "The text to display. If the link parameter is not given, this will also be the link target." }, "required": true, "example": "Stuff", "type": "string" }, "link": { "label": { "en": "Link" }, "description": { "en": "The target page for the link, if different than the display text." }, "required": false, "example": "Main Page", "type": "wiki-page-name" }, "image": { "label": { "en": "Image" }, "description": { "en": "An image to display with the link." }, "required": false, "suggested": true, "type": "wiki-file-name" }, "size": { "label": { "en": "Image size" }, "description": { "en": "The size of the image, in px." }, "required": false, "default": "42px", "type": "string" } }, "paramOrder": [ "1", "link", "image", "size" ] } </templatedata> ==Examples== <pre> <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> </pre> Produces: <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> <noinclude> [[Category:Template documentation]] </noinclude> 414ab9c9cbd6e62064acc46ccbd3768fa986c66b 10 114 131 2024-07-23T02:56:48Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->{{#if:{{{2|}}}|Main Articles|Main Article}}: {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 6efc935aca87f0cd986b92de62e51203fd240f7e 10 115 132 2024-07-23T02:56:49Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Article", "description": "A main article.", "example": "Article", "type": "wiki-page-name", "required": true }, "2": { "label": "Second Article", "description": "A second main article.", "example": "Second Article", "type": "wiki-page-name" }, "3": { "label": "Third Article", "description": "A third main article.", "example": "Third Article", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be in sections of an article mentioning information about another existing main article.", "paramOrder": [ "1", "2", "3" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Main|Special:WantedPages}}</nowiki></code> || {{Main|Special:WantedPages}} |- | <code><nowiki>{{Main|Special:WantedPages#Section Title}}</nowiki></code> || {{Main|Special:WantedPages#Section Title}} |- | <code><nowiki>{{Main|Special:WantedPages|Special:UncategorizedPages}}</nowiki></code> || {{Main|Special:WantedPages|Special:UncategorizedPages}} |- | <code><nowiki>{{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}</nowiki></code> || {{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}} |- | <code><nowiki>{{Main|Special:WantedPages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Main|Special:WantedPages{{!}}Page 1}} |} == Dependencies == This template requires the {{tl|Hatnote}} metatemplate. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> dd762adeece0f944821cb81ee14a8bd9cb539b22 10 116 133 2024-07-23T02:56:51Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = purple | icon = Merge.svg | message = It has been proposed that this page be [[support:Merge|merged]] with [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for merging]]}}</includeonly><!-- --><noinclude>{{Merge|Template:Merge|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 9975c110e793cc1943eac9ea8e62257d704ab853 10 117 134 2024-07-23T02:56:52Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 118 135 2024-07-23T02:56:53Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <code>{{[[Module:{{{1}}}|{{{1}}}]]}}^m{{#if:{{{2|}}}|.{{{2}}}()}}</code><noinclude> * <code><nowiki>{{Ml|Infobox}}</nowiki></code> generates {{Ml|Infobox}}. * <code><nowiki>{{Ml|ArgsUtil|merge}}</nowiki></code> generates {{Ml|ArgsUtil|merge}}. [[Category:Formatting templates]] </noinclude> 0c69bf8d7c3319f1cf2aa68f4b80261257291560 10 119 136 2024-07-23T02:56:54Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = darkorange | icon = Move.svg | message = It has been proposed that this page be moved to [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for moving]]}}</includeonly><!-- --><noinclude>{{Move|Template:Ambox{{!}}Example|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> dc4fd9090208e453457d6d2df193b9a7ee3b562d 10 120 137 2024-07-23T02:56:55Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 121 138 2024-07-23T02:56:56Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{#invoke:Navbox|navbox}}</includeonly><noinclude>[[Category:Navigation templates]] {{documentation}}</noinclude> 77a8826ed2275625c76b3bdbb1905ea21d63d23c 10 122 139 2024-07-23T02:56:58Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {{UsesLua|Navbox}} This template allows a navigational template to be set up relatively quickly by supplying it with one or more lists of links. Using this template is highly recommended for standardization of navigational templates, and for ease of use. == Usage == Please remove the parameters that are left blank. <syntaxhighlight lang="wikitext" style="overflow: auto;">{{Navbox | name = {{subst:PAGENAME}} | title = | listclass = hlist | state = {{{state|}}} | above = | image = | group1 = | list1 = | group2 = | list2 = | group3 = | list3 = <!-- ... --> | below = }} </syntaxhighlight> == Parameter list == {{Navbox | name = Navbox/doc | state = uncollapsed | title = {{{title}}} | above = {{{above}}} | image = {{{image}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} | below = {{{below}}} }} The navbox uses lowercase parameter names, as shown in the box (''above''). The required ''name'' and ''title'' will create a one-line box if other parameters are omitted. Notice "group1" (etc.) is optional, as are sections named "above/below". {{clear}} The basic and most common parameters are as follows (see [[#Parameter descriptions|below]] for the full list): : <code>name</code> – the name of the template. : <code>title</code> – text in the title bar, such as: <nowiki>[[Widget stuff]]</nowiki>. : <code>class</code> - an optional CSS class for the entire navbox, to enable custom styling. : <code>listclass</code> – a CSS class for the list cells, usually <code>hlist</code> for horizontal lists. : <code>state</code> – controls when a navbox is expanded or collapsed. : <code>above</code> – text to appear above the group/list section (could be a list of overall wikilinks). : <code>image</code> – an optional right-side image, coded as the whole image. Typically it is purely decorative, so it should be coded as <code><nowiki>[[File:</nowiki><var>XX</var><nowiki>.jpg|80px|link=|alt=]]</nowiki></code>. : <code>imageleft</code> – an optional left-side image (code the same as the "image" parameter). : <code>group_n</code> – the left-side text before list-n (if group-n omitted, list-n starts at left of box). : <code>list_n</code> – text listing wikilinks using a [[wikipedia:Help:Lists|wikilist]] format. : <code>below</code> – optional text to appear below the group/list section. == Parameter descriptions == The following is a complete list of parameters for using {{tlx|Navbox}}. In most cases, the only required parameters are <code>name</code>, <code>title</code>, and <code>list1</code>. === Setup parameters === :; ''name'' :: The name of the template, which is needed for the "V&nbsp;• T&nbsp;• E" ("View&nbsp;• Talk&nbsp;• Edit") links to work properly on all pages where the template is used. You can enter <code><nowiki>{{subst:PAGENAME}}</nowiki></code> for this value as a shortcut. The name parameter is only mandatory if a <code>title</code> is specified, and the <code>border</code> parameter is not set, and the <code>navbar</code> parameter is not used to disable the navbar. :; ''state'' <span style="font-weight:normal;">[<code>autocollapse, collapsed, expanded, plain, off</code>]</span> :* Defaults to <code>autocollapse</code>. A navbox with <code>autocollapse</code> will start out collapsed if there are two or more tables on the same page that use other collapsible tables. Otherwise, the navbox will be expanded. :* If set to <code>collapsed</code>, the navbox will always start out in a collapsed state. :* If set to <code>expanded</code>, the navbox will always start out in an expanded state. :* If set to <code>plain</code>, the navbox will always be expanded with no [hide] link on the right, and the title will remain centered (by using padding to offset the <small>V&nbsp;• T&nbsp;• E</small> links). :* If set to <code>off</code>, the navbox will always be expanded with no [hide] link on the right, but no padding will be used to keep the title centered. This is for advanced use only; the "plain" option should suffice for most applications where the [show]/[hide] button needs to be hidden. : To show the box when standalone (non-included) but then auto-hide contents when in an article, put "expanded" inside <code>&lt;noinclude|&gt;</code>...<code>&lt;/noinclude|&gt;</code> tags. This setting will force the box visible when standalone (even when followed by other boxes), displaying "[hide]", but then it will auto-collapse the box when stacked inside an article: :: <code><nowiki>| state =&nbsp;</nowiki></code><code>&lt;noinclude|&gt;</code>expanded<code>&lt;/noinclude|&gt;</code> : Often times, editors will want a default initial state for a navbox, which may be overridden in an article. Here is the trick to do this: :* In your intermediate template, create a parameter also named "state" as a pass-through like this: :: <code><nowiki>| state = {{{state<includeonly>|your_desired_initial_state</includeonly>}}}</nowiki></code> :* The <code>&lt;includeonly&gt;</code><code>|</code> will make the template expanded when viewing the template page by itself. :; ''navbar'' :: If set to <code>plain</code>, the <span style="font-size: 88%;">V&nbsp;• T&nbsp;• E</span> links on the left side of the titlebar will not be displayed, and padding will be automatically used to keep the title centered. Use <code>off</code> to remove the <span style="font-size: 88%;">V&nbsp;• T&nbsp;• E</span> links, but not apply padding (this is for advanced use only; the "plain" option should suffice for most applications where a navbar is not desired). It is highly recommended that one not hide the navbar, in order to make it easier for users to edit the template, and to keep a standard style across pages. : ''See later section on [[#Child navboxes|using navboxes within one another]] for examples and a more complete description.'' If set to <code>child</code> or <code>subgroup</code>, then the navbox can be used as a borderless child that fits snugly in another navbox. The border is hidden and there is no padding on the sides of the table, so it fits into the ''list'' area of its parent navbox. If set to <code>none</code>, then the border is hidden and padding is removed, and the navbox may be used as a child of another container (do not use the <code>none</code> option inside of another navbox; similarly, only use the <code>child</code>/<code>subgroup</code> option inside of another navbox). If set to anything else (default), then a regular navbox is displayed with a 1px border. An alternate way to specify the border to be a subgroup style is like this (i.e. use the first unnamed parameter instead of the named ''border'' parameter): :<pre>{{Navbox|child|...}}</pre> === Cells === ; ''title''* : Text that appears centered in the top row of the table. It is usually the template's topic, i.e. a succinct description of the body contents. This should be a single line, but if a second line is needed, use <code><nowiki>{{-}}</nowiki></code> to ensure proper centering. This parameter is technically not mandatory, but using {{tl|Navbox}} is rather pointless without a title. ; ''above''* : A full-width cell displayed between the titlebar and first group/list, i.e. ''above'' the template's body (groups, lists and image). In a template without an image, ''above'' behaves in the same way as the ''list1'' parameter without the ''group1'' parameter. ; ''group_n''* : (i.e. ''group1'', ''group2'', etc.) If specified, text appears in a header cell displayed to the left of ''list_n''. If omitted, ''list_n'' uses the full width of the table. ; ''list_n''* : (i.e. ''list1'', ''list2'', etc.) The body of the template, usually a list of links. Format is inline, although the text can be entered on separate lines if the entire list is enclosed within <code><nowiki><div> </div></nowiki></code>. At least one ''list'' parameter is required; each additional ''list'' is displayed in a separate row of the table. Each ''list_n'' may be preceded by a corresponding ''group_n'' parameter, if provided (see below). :Entries should be separated using a newline and an asterisk (*). If instead two asterisks are used, it provides [[wikipedia:Nesting (computing)|nesting]] within the previous entry by enclosing the entry with brackets. Increasing the number of asterisks used increases the number of brackets around entries. ; ''imageleft''* : An image to be displayed in a cell below the title and to the left of the body (lists). For the image to display properly, the ''list1'' parameter must be specified and no groups can be specified. It accepts the same sort of parameter that ''image'' accepts. ; ''below''* : A full-width cell displayed ''below'' the template's body (groups, lists and image). == Layout of table == ===Without image, above and below=== Table generated by {{tl|Navbox}} '''without''' ''image'', ''above'' and ''below'' parameters: {{Navbox | name = Navbox/doc | state = uncollapsed | title = {{{title}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} }} ===With image, above and below=== Table generated by {{tl|Navbox}} '''with''' ''image'', ''above'' and ''below'' parameters: {{Navbox | name = Navbox/doc | state = uncollapsed | image = {{{image}}} | title = {{{title}}} | above = {{{above}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} | below = {{{below}}} }} ===With image and without groups=== Table generated by {{tl|Navbox}} '''with''' ''image'', ''imageleft'', ''lists'', and '''without''' ''groups'', ''above'', ''below'': {{Navbox | name = Navbox/doc | state = uncollapsed | image = {{{image}}} | imageleft = {{{imageleft}}} | title = {{{title}}} | list1 = {{{list1}}} | list2 = {{{list2}}} | list3 = {{{list3}}} | list4 = {{{list4}}} }} == Examples == == TemplateData == <templatedata> { "params": { "state": { "label": "State", "description": "Controls when a navbox is expanded or collapsed", "example": "autocollapse", "suggestedvalues": [ "autocollapse", "collapsed", "expanded", "plain", "off" ], "default": "autocollapse", "suggested": true }, "title": { "label": "Title", "description": "Text in the title bar; centered in the top row of the table. Usually the template's topic.", "example": "[[Template:Navbox]]", "suggested": true }, "above": { "label": "Above", "description": "Full-width cell displayed between the titlebar and first group/list, i.e. above the template's body (groups, lists and image)", "type": "string", "suggested": true }, "image": { "label": "Image", "description": "Image to be displayed in a cell below the title and to the right of the body", "example": "[[File:XX.jpg | 80px | link= | alt= ]]", "type": "wiki-file-name", "suggested": true }, "group1": { "label": "Group 1", "description": "If specified, text appears in a header cell displayed to the left of list 1. If omitted, list 1 uses the full width of the table.", "suggested": true }, "list1": { "label": "List 1", "description": "Body of the template; usually a list of links. Format is inline. At least one list parameter is required; each additional list is displayed in a separate row of the table. Each listn may be preceded by a corresponding groupn parameter.\nEntries should be separated using a newline and an asterisk. If two asterisks are used, it provides nesting within the previous entry with brackets.", "required": true, "suggested": true }, "group2": { "suggested": true }, "list2": { "suggested": true }, "list3": { "suggested": true }, "group3": { "suggested": true }, "group4": {}, "list4": {}, "below": { "label": "Below", "description": "Full-width cell displayed below the template's body.", "suggested": true }, "imageleft": { "label": "Image left", "description": "Image to be displayed in a cell below the title and to the left of the body. For the image to display properly, list1 parameter must be specified and no groups can be specified.", "example": "[[File:XX.jpg | 80px | link= | alt= ]]", "type": "wiki-file-name" }, "name": { "label": "Name", "description": "The name of the template. Needed for \"View • Talk • Edit\" links to work properly.", "type": "string", "default": "{{subst:PAGENAME}}", "suggested": true }, "class": { "label": "Navbox class", "description": "CSS class for the navbox.", "example": "navbox-items", "type": "string" }, "listclass": { "label": "List class", "description": "CSS class for the list cells, usually hlist for horizontal lists.", "example": "hlist", "type": "string" }, "navbar": { "label": "Navbar status", "example": "plain, off", "type": "string" }, "border": { "label": "Border status", "example": "child, subgroup, none", "type": "string" }, "evenodd": { "suggestedvalues": [ "swap", "even", "odd", "off" ] } }, "description": "Creates a navigational box for links to other pages.", "paramOrder": [ "name", "title", "class", "group1", "list1", "listclass", "state", "above", "below", "image", "group2", "list2", "group3", "list3", "group4", "list4", "imageleft", "navbar", "border", "evenodd" ] } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 49b0f6f3b5d3ee9f666852d6bb4ce22bdbc8e5eb 10 123 140 2024-07-23T02:56:59Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:No direct use]] 8448af1f61f0d64a84806b006c70670d9296acde 10 124 141 2024-07-23T02:57:01Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{ambox|icon=Warning-red.svg|title='''Don't call this template directly from any content page!''' |message=This template is intended to be used inside of another template. Then that template in turn may be used on content pages. |color=red }}</includeonly><noinclude>{{documentation}} [[Category:Notice templates]]</noinclude> 72f49bdd34be1bcb8d1a6f91015ddce6912103db 10 125 142 2024-07-23T02:57:02Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 126 143 2024-07-23T02:57:03Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Nowrap]] 269180d5083536bbbf72d889477805cfde7aac9e 10 127 144 2024-07-23T02:57:05Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <span style{{=}}"font-weight:normal; font-style:normal">{{{1}}}</span><noinclude> {{documentation}} </noinclude> f1d74e033cde1ce3b2efdc98b78fb863b8524fcf 10 128 145 2024-07-23T02:57:06Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <span class="nowrap">{{{1}}}</span><noinclude> {{documentation}} </noinclude> 8817bafce418a08a72f3425283fc03d04a2d8d44 10 129 146 2024-07-23T02:57:07Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki &#124;<noinclude>{{documentation}}</noinclude> 9d1875aa686e4e25a0994448a39d057e91541788 10 130 147 2024-07-23T02:57:08Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 131 148 2024-07-23T02:57:10Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="quote"><!-- start quote wrapper --><div class="marks-wrapper"><!-- start marks wrapper --><div class="block"><!-- start quote block -->{{#if:{{{title|}}}|<div class="title">{{{title}}}</div>|}}<!-- -->{{#if:{{{text|{{{1|}}}}}}|<div class="text">{{{text|{{{1|}}}}}}</div>|}}<!-- --></div><!-- end quote block --></div><!-- end marks wrapper -->{{#if:{{{author|}}}|<div class="author">― {{#if:{{{authorpage|}}}| [[{{{authorpage}}}|{{{author}}}]] | {{{author}}} }}</div>|}}<!-- --></div></includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> 4068bd07d27429291e64025ee67d91eaf78fe06e 10 132 149 2024-07-23T02:57:11Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "title": { "label": "Title", "description": "If the quote as a title, put it here.", "example": "Quote's Title", "type": "line" }, "text": { "label": "Quoted Text", "description": "The quoted text to be displayed.", "example": "Example quote text here.", "type": "string", "required": true }, "author": { "label": "Quote's Author", "description": "The author of the displayed quote.", "example": "John Doe", "type": "line", "suggested": true }, "authorpage": { "label": "Author's Page", "description": "If the quote's author has a page on the Wiki, put the page name here.", "example": "John Doe", "type": "wiki-page-name", "suggested": true } }, "description": "This template creates a styled block element for quotes.", "paramOrder": [ "text", "author", "authorpage", "title" ], "format": "block" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <pre>{{Quote|text=Text content here.}}</pre> || {{Quote|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.}} |- | <pre>{{Quote |title=Title |text=Text content here. }}</pre> || {{Quote|title=Title|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.}} |- | <pre>{{Quote |title=Title |text=Text content here. |author=Author }}</pre> || {{Quote|title=Title|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.|author=Author}} |- | <pre>{{Quote |title=Title |text=Text content here. |author=Author |authorpage=Author Page }}</pre> || {{Quote|title=Title|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.|author=Author|authorpage=Author Page}} |- | <pre>{{Quote |title=Text content here. |author=Author |authorpage=Author Page }}</pre> || {{Quote|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.|author=Author|authorpage=Author Page}} |} == Dependencies == For this template to work properly, you need the following: * The <code>.quote</code> and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> c00197137eecde64fc76b4bd45f59efdc131f182 10 133 150 2024-07-23T02:57:12Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:pages|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|new pages titled [[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|a new page titled [[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Ambox | color = purple | icon = Split.svg | message = It has been proposed that this page be split into {{#var:pages}}. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for splitting]]}}</includeonly><!-- --><noinclude>{{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 73f5044c8b972e18c3b7880f94b0644e4a0e6ac7 10 134 151 2024-07-23T02:57:14Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 135 152 2024-07-23T02:57:15Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly><!-- Base code written for Terraria Wiki: https://terraria.wiki.gg/wiki/Template:Spoiler NOTE: This template needs a JavaScript function in MediaWiki:Common.js or MediaWiki:Vector.js to work, as well as styling in MediaWiki:Common.css or MediaWiki:Vector.css for the related classes --><span class="spoiler-content {{{class|}}}" id="{{{id|}}}" style="{{{css|{{{style|}}}}}}"><span>{{{1|}}}</span></span><!-- --></includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 77445d8bb567ea7e24ff01afea601393d29dd3f9 10 136 153 2024-07-23T02:57:16Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "aliases": [ "text" ], "label": "Text", "description": "The text to be shown.", "example": "Character A died during the battle.", "type": "content", "required": true }, "hover": { "label": "Show on Hover?", "description": "Show spoiler text on mouse hover.", "example": "hover=yes", "type": "boolean", "default": "hover=no" } }, "description": "This template can be used to mark text as a spoiler.", "maps": { "1": {} }, "paramOrder": [ "1", "hover" ], "format": "inline" } </templatedata> == The hoverShowSpoilers gadget == Users can enable {{gad|hoverShowSpoilers}} to make spoilers show on hover, not just on click. The code for this gadget can be found at {{gad|hoverShowSpoilers.css}}. == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{spoiler|spoiler text}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text}} |- | <code><nowiki>{{spoiler|spoiler text with a [[Template:Navbox|link]]}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text with a [[Template:Navbox|link]]}} |} == Dependencies == For this template to work properly, you need the following: * The small JavaScript code for toggling the <code>.spoiler</code> class on/off on click, found in [[MediaWiki:Common.js]]. * The <code>.spoiler-content</code> and any related classes, found in [[MediaWiki:Common.css]]. == Source == Base code adapted from [https://terraria.wiki.gg/wiki/Template:Spoiler Template:Spoiler on Terraria Wiki]. <noinclude>[[Category:Template documentation]]</noinclude> 0a47f2e840d579e339ed92445d2dba4a32cd76fe 10 137 154 2024-07-23T02:57:18Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {{Ambox | color = red | icon = Warning-red.svg | title = Spoiler Warning | message = This page contains '''spoilers'''. View at your own discretion. | tiny = {{{tiny|}}} | class = {{{class|}}} }}<noinclude>{{doc}}</noinclude> 06bff33f547d6b08794a2f9b6537b19478b2866e 10 138 155 2024-07-23T02:57:19Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 139 156 2024-07-23T02:57:20Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Stub.svg | message = This page is a [[support:Stub|stub]]. You can help '''{{SITENAME}}''' by [{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Stubs]]}}</includeonly><!-- --><noinclude>{{Stub|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 1effeb7d6eb04a0b11c76b8bfa871703461c9344 10 140 157 2024-07-23T02:57:22Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 141 158 2024-07-23T02:57:23Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{#invoke:Template link|main|code=on}}</includeonly><noinclude> {{Documentation}} </noinclude> 1c13b1daaf7b7e8ce1e45cc03b4baf31c09bc6cd 10 142 159 2024-07-23T02:57:24Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {{From Wikipedia|Module:Template link general,Template:Tlx}} {{Uses Lua|Template link}} This template returns an exemplaric use of a template while linking to the template description page, if the template exists. == Usage == <pre> {{tl|<Template name>}} {{tl|<Template name>|<Template parameters>}} </pre> ; ''unnamed parameter'' 1 : Template name (without <code>Template:</code> prefix) ; ''unnamed parameter'' 2 - 9 : Optional. Template parameters ; nl : Optional flag to display an un-linked template usage. == Examples == : <code><nowiki>{{tl|stub}}</nowiki></code> returns {{tl|stub}} : <code><nowiki>{{tl|stub|1}}</nowiki></code> returns {{tl|stub|1}} : <code><nowiki>{{tl|stub|1|2|nl{{=}}y}}</nowiki></code> returns {{tl|stub|1|2|nl{{=}}y}} : <code><nowiki>{{tl|for|page|t1{{=}}alt text}}</nowiki></code> returns {{tl|for|page|t1{{=}}alt text}} == See also == <includeonly> [[Category:Formatting templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 68dd4189207857784f997c892d71b1a2dd95f123 10 143 160 2024-07-23T02:57:25Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Tl]] af3906f239c45d791753d3170c656eddd6d1af5f 10 144 161 2024-07-23T02:57:27Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Uses Lua]] 9675a92267565619bc6418ec4e88163985302408 10 145 162 2024-07-23T02:57:28Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Lua logo.svg | title= This template uses one or more modules written in the Lua programming language. | message = For more information, see [https://en.wikipedia.org/wiki/Wikipedia:Lua Wikipedia:Lua] or the [https://www.mediawiki.org/wiki/Extension:Scribunto/Lua_reference_manual Lua reference manual] on mediawiki.org. Modules used include: {{#if:{{{1|}}}|{{#arraymap:{{{1|}}}|,|%s|'''[[Module:%s|%s]]'''}}|''None provided''}}. | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc}}</noinclude> 19e22db3328c786bcdcbae7409f7cc40b1e464bf 10 146 163 2024-07-23T02:57:29Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 14 147 164 2024-07-23T02:57:32Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 148 165 2024-07-23T02:57:33Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki This is the top-level category. It contains meta categories and pages about the wiki. 8935f2b3e97edfeadd7bb206f1e17c03099ec24a 14 149 166 2024-07-23T02:57:34Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 150 167 2024-07-23T02:57:36Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 151 168 2024-07-23T02:57:37Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 152 169 2024-07-23T02:57:38Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki These categories are hidden on article pages. [[Category:Wiki maintenance]] e4d17499a8377d3f2b4b4a618a671e53111f43ca 14 153 170 2024-07-23T02:57:40Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Media]] b141d2b9971d6efe9f59bd03449781e71411c631 14 154 171 2024-07-23T02:57:41Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 155 172 2024-07-23T02:57:42Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Template documentation]] e65ecf60878d4707b3b4c1e3962615e2d5f3b2ab 14 156 173 2024-07-23T02:57:44Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 157 174 2024-07-23T02:57:45Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 158 175 2024-07-23T02:57:46Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 14 159 176 2024-07-23T02:57:47Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 160 177 2024-07-23T02:57:49Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 161 178 2024-07-23T02:57:50Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 162 179 2024-07-23T02:57:51Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 163 180 2024-07-23T02:57:52Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 164 181 2024-07-23T02:57:53Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 165 182 2024-07-23T02:57:54Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 166 183 2024-07-23T02:57:55Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 167 184 2024-07-23T02:57:56Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 168 185 2024-07-23T02:57:58Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 169 186 2024-07-23T02:57:59Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 170 187 2024-07-23T02:58:00Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 171 188 2024-07-23T02:58:02Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 172 189 2024-07-23T02:58:03Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 173 190 2024-07-23T02:58:05Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 174 191 2024-07-23T02:58:06Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 175 192 2024-07-23T02:58:07Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 176 193 2024-07-23T02:58:08Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 177 194 2024-07-23T02:58:09Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 178 195 2024-07-23T02:58:10Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 179 196 2024-07-23T02:58:11Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 180 197 2024-07-23T02:58:13Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 181 198 2024-07-23T02:58:14Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 182 199 2024-07-23T02:58:15Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 183 200 2024-07-23T02:58:16Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 184 201 2024-07-23T02:58:18Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 185 202 2024-07-23T02:58:19Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki Official images used for purposes of promoting the game, that may not actually represent gameplay. [[Category:Images]] 80b893c439747ce681cf18cc579c3bc4c65cd502 14 186 203 2024-07-23T02:58:20Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 187 204 2024-07-23T02:58:22Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] [[Category:Wiki maintenance]] c1800be0da4588b3b652fa5324aade2c496fb3c5 14 188 205 2024-07-23T02:58:23Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 189 206 2024-07-23T02:58:24Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Templates]] [[Category:Wiki maintenance]] b1ff76c0593194e53e6bf42f37ca337a5493c57e 14 190 207 2024-07-23T02:58:25Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki The sub-categories of this category contain pages that have been identified as needing attention for one or more of the following reasons: * Changes have been suggested that should be discussed first or are under discussion. * The page has flaws that need addressing by an editor with the knowledge or skills to help. * The action the page needs requires special rights. ''See also:'' * [[Special:BrokenRedirects|Broken redirects]] * [[Special:DoubleRedirects|Double redirects]] * [[Special:UncategorizedCategories|Uncategorized categories]] * [[Special:UncategorizedFiles|Uncategorized files]] * [[Special:UncategorizedPages|Uncategorized pages]] * [[Special:UncategorizedTemplates|Uncategorized templates]] * [[Special:WantedCategories|Wanted categories]] * [[Special:WantedFiles|Wanted files]] * [[Special:WantedPages|Wanted pages]] * [[Special:WantedTemplates|Wanted templates]] * [[Special:TrackingCategories|Other special tracking categories]] [[Category:{{SITENAME}}]] 4b90dc0dbd8c91e131e4ffcf22360b1c837b9717 14 191 208 2024-07-23T02:58:27Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 828 192 209 2024-07-23T02:58:31Z Bot4401 45109 Adding default set of pages Scribunto text/plain local p = {} function p.merge() local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end return args end return p 1d1b2105bd857dcc5e33c8c0a8a780f67cbae72e 828 193 210 2024-07-23T02:58:32Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki This is a basic module for processing args. Usage: <syntaxhighlight lang="lua"> local util_args = require('Module:ArgsUtil') local p = {} function p.main(frame) local args = util_args.merge() -- it is not necessary to pass a `frame` object; `merge` will generate its own mw.logObject(args) -- `args` now contains args passed via the template merged with defaults provided directly via the invoke. -- anything the user sent via the template will be given priority. end return p </syntaxhighlight> == Extending this module == By design, {{ml|ArgsUtil}} is shipped with only a single function and no customization available; this simplifies documentation and covers nearly all use cases. An extended version of this module is available at [[support:Module:ArgsUtil|Module:ArgsUtil on the support wiki]] if you want additional functionality; and you can of course feel free to modify this module on your own wiki as needed. 6fc2a23dcff62ac5a222903e46bc56c07b0a2b1f 828 194 211 2024-07-23T02:58:33Z Bot4401 45109 Adding default set of pages Scribunto text/plain -- version 0.1.2 -------------------------------------- -- User settings, you can modify these -------------------------------------- -- if you want to not always use divs in your wiki (as opposed to tables), you can change this default -- just remember to change it back each time you update from the main "branch" on the support wiki! -- you can also control it per infobox with `|useDivs=yes` or `|useDivs=no` local USE_DIVS = true -- `false` or `true` -- default value to show if a param is missing in some but not all tabs. -- set to `nil` (not in quotes) to remove such rows altogether in the tabs where they're missing local TABBED_NONEXIST = nil -- `''` or `nil` or `'N/A'` etc. Don't put nil in quotes. --------------------------------------------------------------------------- -- Do not modify anything below this line unless you know what you're doing --------------------------------------------------------------------------- local h = {} local p = {} local hooks = {} function p.arraymap(frame) -- a lua implementation of Page Forms' arraymap local args = h.overwrite() local items = h.split(args[1], args[2] or ',') for i, item in ipairs(items) do items[i] = args[4]:gsub(args[3], item) end return table.concat(items, args[5] or ',') end function p.preprocess(frame) return frame:preprocess(frame.args[1] or frame:getParent().args[1]) end function p.main(frame) h.registerHooks() h.increment() local args = h.overwrite() local sep = args.sep or ',' h.castArgs(args, sep) h.setMainImage(args.images[1]) return h.makeInfobox(args, sep) end function h.registerHooks() if not mw.title.new('Module:Infobox/Hooks').exists then return end hooks = require('Module:Infobox/Hooks') end function h.runHook(key, ...) if hooks[key] then hooks[key](...) end end function h.increment() h.counter = mw.getCurrentFrame():callParserFunction('#var', {'DRUID_INFOBOX_ID', 0}) + 1 mw.getCurrentFrame():callParserFunction('#vardefine', {'DRUID_INFOBOX_ID', h.counter}) end function h.castArgs(args, sep) h.runHook('onCastArgsStart', args, sep, args.kind) args.tabs = h.split(args.tabs or args.image_labels, sep) args.images = h.getImages(args, sep) args.sections = h.split(args.sections, sep) for _, section in ipairs(args.sections) do args[section] = h.split(args[section], sep) args[section .. '_tabs'] = h.split(args[section .. '_tabs'], sep) if #args.tabs > 0 and #args[section .. '_tabs'] > 0 then error(('You cannot specify |tabs= and |%s= at the same time, please pick one'):format(section .. '_tabs')) end end if args.useDivs then USE_DIVS = h.castBool(args.useDivs) end -- this would be in the outer scope, but we're hiding it h.entityType = USE_DIVS and 'div' or 'table' -- key of h.htmlEntities h.runHook('onCastArgsEnd', args, sep, args.kind) end function h.getImages(args, sep) if args.image and not args.images then args.images = args.image end if args.images then return h.split(args.images, sep) end if not args.tabs then return {} end local ret = {} for _, key in ipairs(args.tabs) do if args[key .. '_image'] then ret[#ret+1] = args[key .. '_image'] end end return ret end function h.setMainImage(file) if not file then return end local fileText = file:gsub('.-:', '') fileText = fileText:gsub('^([^|%]]+).*', '%1') mw.getCurrentFrame():callParserFunction{ name = '#setmainimage', args = { fileText }, } end function h.makeInfobox(args, sep) local out = mw.html.create(h.getTag('container')) :addClass('druid-infobox') :addClass('druid-container') :addClass(args.class) -- warning: class can be nil, don't concat anything :attr('id', 'druid-container-' .. h.counter) if args.kind then out:addClass('druid-container-' .. h.escape(args.kind)) end if args.title then out:tag(h.getTag('titleOuter')) :tag(h.getTag('titleInner')) :addClass('druid-title') :attr('colspan', 2) :wikitext(args.title) end h.printImages(out, args.images, args) for _, section in ipairs(args.sections) do -- cannot begin tagging here because we don't know if any applicable args are present local cols = args[section .. '_columns'] local makeSection = cols and h.makeGridSection or h.makeSection out:node(makeSection(section, args[section], args, tonumber(cols))) end return out end function h.printImages(out, images, args) if #images == 0 and #args.tabs == 0 then return end -- burden is on the user to format this as an image. this should be done in the infobox template, -- with something like |image={{#if:{{{image|}}}|[[File:{{{image|}}}{{!}}300px{{!}}link=]]}} local td = out:tag(h.getTag('section')) :addClass('druid-section-container') :tag(h.getTag('cell')) :attr('colspan', 2) local tabs = args.tabs local tabTexts = h.getImageTabTexts(tabs, images, args) h.printTabs(td, tabTexts) if #images == 0 then return end if #images == 1 then td:addClass('druid-main-image') :wikitext(images[1]) return end td:addClass('druid-main-images') local imagesContainer = td:tag('div') :addClass('druid-main-images-files') for i, image in ipairs(images) do local container = imagesContainer:tag('div') :addClass('druid-main-images-file') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(image) local labelText if tabs[i] then labelText = args[tabs[i] .. '_label'] or tabs[i] else labelText = '[[Category:Infoboxes missing image labels]]Image ' .. i end if args[labelText .. '_caption'] then container:tag('div') :addClass('druid-main-images-caption') :wikitext(args[labelText .. '_caption']) end if i == 1 then container:addClass('focused') end end end function h.getImageTabTexts(tabs, images, args) if #tabs == 0 and #images <= 1 then return {} end local texts = {} local i = 1 while images[i] or tabs[i] do if tabs[i] then texts[i] = args[tabs[i] .. '_label'] or tabs[i] else texts[i] = '[[Category:Infoboxes missing image labels]]Image ' .. i end i = i + 1 end return texts end function h.printTabs(td, texts, isSection) if #texts == 0 then return end local container = td:tag('div') :addClass('druid-main-images-labels') :addClass('druid-tabs') if isSection then container:addClass('druid-section-tabs') end for i, item in ipairs(texts) do h.printTab(container, item, i, isSection) end end function h.printTab(container, text, i, isSection) local label = container:tag('div') :addClass('druid-main-images-label') :addClass('druid-tab') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(text) if isSection then label:addClass('druid-section-tab') else label:addClass('druid-title-tab') end if i == 1 then label:addClass('focused') end end function h.makeGridSection(section, sectionFields, args, numCols) local numItems = h.countItems(sectionFields, section, args) if numItems == 0 then return end local node = mw.html.create(h.getTag('section')) :addClass('druid-section-container') h.printSectionHeader(node, section, args) h.printSectionTabs(node, section, args) local tr = node:tag(h.getTag('row')) :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end local grid = tr:tag(h.getTag('cell')) :attr('colspan', 2) :addClass('druid-grid-section') :addClass('druid-grid-section-' .. h.escape(section)) :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything :tag('div') :addClass('druid-grid') local row, col, i = 1, 1, 1 local sizeOfLastRow = numItems % numCols local lcm = h.getNumGridCols(numItems, sizeOfLastRow, numCols) grid:css('grid-template-columns', ('repeat(%s, 1fr)'):format(lcm)) local size = lcm / numCols for _, item in ipairs(sectionFields) do local node = mw.html.create('div') local shouldPrint = h.printData(node, item, section, args) if shouldPrint then if i == numItems - sizeOfLastRow + 1 then size = lcm / sizeOfLastRow end i = i + 1 local gStart = (col - 1) * size + 1 local gEnd = (col) * size + 1 local itemContainer = grid:tag('div') :addClass('druid-grid-item') :addClass('druid-grid-item-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :css('grid-column', ('%s / %s'):format(gStart, gEnd)) :css('grid-row', row) if not h.castBool(args[item .. '_nolabel']) then h.printLabel(itemContainer:tag('div'), item, args) end itemContainer:node(node) if col == numCols then row = row + 1 col = 1 else col = col + 1 end end end return node end function h.makeSection(section, sectionFields, args) local shouldPrint = false local container = mw.html.create(h.getTag('section')) :addClass('druid-section-container') :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything h.printSectionHeader(container, section, args) h.printSectionTabs(container, section, args) for _, item in ipairs(sectionFields) do local node = mw.html.create(h.getTag('cell')) local shouldPrintItem = h.printData(node, item, section, args) if shouldPrintItem then shouldPrint = true local tr = container:tag(h.getTag('row')) :addClass('druid-row') :addClass('druid-row-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end if h.castBool(args[item .. '_wide']) or h.castBool(args[item .. '_nolabel']) then node :attr('colspan', 2) :addClass('druid-data-wide') else h.printLabel(tr:tag(h.getTag('label')), item, args) end tr:node(node) end end if not shouldPrint then return nil end return container end function h.countItems(sectionFields, section, args) local numItems = 0 for _, v in ipairs(sectionFields) do -- we aren't actually printing here, but we're finding out if we should print anything -- because we need the count of columns before we print anything in grid data if h.printData(mw.html.create(), v, section, args) then numItems = numItems + 1 end end return numItems end function h.getNumGridCols(numItems, sizeOfLastRow, numCols) if not numCols then return numItems, 1 end if numItems < numCols then return numItems, 1 end if sizeOfLastRow == 0 then return numCols, 1 end local a, b = sizeOfLastRow, numCols while b ~= 0 do a, b = b, a % b end local lcm = sizeOfLastRow * numCols / a return lcm end function h.printLabel(node, item, args) return node :addClass('druid-label') :addClass('druid-label-' .. h.escape(item)) :wikitext(args[item .. '_display'] or args[item .. '_label'] or item) end function h.printData(node, item, section, args) -- prints data to the node -- and also returns whether the item is nonempty or not local hasData = false local sectionTabs = args[section .. '_tabs'] local tabs = args.tabs if sectionTabs and #sectionTabs > 0 then tabs = sectionTabs end if not tabs or #tabs == 0 then return h.printSimpleData(node, item, args) end if not h.hasComplexData(item, tabs, args) then return h.printSimpleData(node, item, args) end for i, label in ipairs(tabs) do local div = node:tag('div') :addClass('druid-toggleable-data') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :attr('data-druid-from-tab', label) if h.getTabbedContent(args, label, item) then hasData = true div:wikitext('\n\n' .. h.getTabbedContent(args, label, item)) div:addClass('druid-toggleable-data-nonempty') else div:addClass('druid-toggleable-data-empty') end if i == 1 then div:addClass('focused') end end return hasData end function h.getTabbedContent(args, label, item) return args[label .. '_' .. item] or args[item] or TABBED_NONEXIST end function h.printSimpleData(node, item, args) if not args[item] then return false end node:addClass('druid-data') :addClass('druid-data-' .. h.escape(item)) :addClass('druid-data-nonempty') :wikitext('\n\n' .. args[item]) return true end function h.hasComplexData(item, tabs, args) for _, v in ipairs(tabs) do if args[v .. '_' .. item] then return true end end return false end function h.printSectionHeader(node, section, args) if h.castBool(args[section .. '_nolabel']) then return end local tr = node:tag(h.getTag('row')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTitle')) :attr('colspan', 2) :addClass('druid-section') :addClass('druid-section-' .. h.escape(section)) if args[section .. '_collapsible'] then tr:addClass('druid-collapsible') if args[section .. '_collapsed'] then tr:addClass('druid-collapsible-collapsed') end end local emptySections = {} for _, label in ipairs(args.tabs) do local hasLabel = false for _, item in ipairs(args[section] or {}) do if h.getTabbedContent(args, label, item) then hasLabel = true end end if not hasLabel then emptySections[label] = true end end if not next(emptySections) then th:wikitext(args[section .. '_label'] or section) return end for i, label in ipairs(args.tabs) do local div = th:tag('div') :addClass('druid-toggleable-heading') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(args[section .. '_label'] or section) -- we are going to print the section content even in empty nodes -- for compatibility with browsers without :has, where hiding empty rows won't happen if emptySections[label] then div:addClass('druid-toggleable-heading-empty') end if i == 1 then div:addClass('focused') end end end function h.printSectionTabs(node, section, args) local tabs = args[section .. '_tabs'] if not tabs or #tabs == 0 then return end local tr = node:tag(h.getTag('sectionTabsOuter')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTabs')) :attr('colspan', 2) :addClass('druid-section-tabs') :addClass('druid-section-' .. h.escape(section)) local texts = {} for i, item in ipairs(tabs) do texts[i] = args[item .. '_label'] or item end h.printTabs(th, texts, true) end ---------------------------- -- general utility functions ---------------------------- function h.overwrite() -- this is a generic utility function that collects args from the invoke call & the parent template. -- normally, you merge args with parent template overwriting the invoke call, but -- since we'll be putting markup/formatting into our invoke call, -- we actually want to overwrite what the user sent. local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end return args end -- generic utility functions -- these would normally be provided by other modules, but to make installation easy -- I'm including everything here function h.split(text, pattern, plain) if not text then return {} end local ret = {} for m in h.gsplit(text, pattern, plain) do ret[#ret+1] = m end return ret end function h.gsplit( text, pattern, plain ) if not pattern then pattern = ',' end if not plain then pattern = '%s*' .. pattern .. '%s*' end local s, l = 1, text:len() return function () if s then local e, n = text:find( pattern, s, plain ) local ret if not e then ret = text:sub( s ) s = nil elseif n < e then -- Empty separator! ret = text:sub( s, e ) if e < l then s = e + 1 else s = nil end else ret = e > s and text:sub( s, e - 1 ) or '' s = n + 1 end return ret end end, nil, nil end function h.escape(s) s = s:gsub(' ', '') :gsub('"', '') :gsub("'", '') :gsub("%?", '') :gsub("%%", '') :gsub("%[", '') :gsub("%]", '') :gsub("{", '') :gsub("}", '') :gsub("!", '') return s end -- normally I would make these constants at the top of the file -- but I don't want to mistake them with user-set constants h.boolFalse = { ['false'] = true, ['no'] = true, [''] = true, ['0'] = true, ['nil'] = true } function h.castBool(x) if not x then return false end return not h.boolFalse[tostring(x):lower()] end h.htmlEntities = { table = { container = 'table', titleOuter = 'tr', titleInner = 'th', section = '', sectionTitle = 'th', sectionTabsOuter = 'tr', sectionTabs = 'td', row = 'tr', label = 'th', cell = 'td', }, div = { container = 'div', titleOuter = 'div', titleInner = 'div', section = 'div', sectionTitle = 'div', sectionTabsOuter = 'div', sectionTabs = 'div', row = 'div', label = 'div', cell = 'div', } } function h.getTag(key) -- try not to totally fail here return h.htmlEntities[h.entityType or 'div'][key] end return p 5e7ebe80d8b9129b6f052444fa7881c861a6ee50 828 195 212 2024-07-23T02:58:35Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {{luadoc}} This module enables the creation of [[support:DRUID infoboxes|DRUID infoboxes]]. 2b023f1deb004fc1cb66271c10ccc2d99cc17c3d 828 196 213 2024-07-23T02:58:36Z Bot4401 45109 Adding default set of pages Scribunto text/plain local p = {} local getArgs -- lazily initialized local args local format = string.format local function get_title_arg(is_collapsible, template) local title_arg = 1 if is_collapsible then title_arg = 2 end if template then title_arg = 'template' end return title_arg end local function add_link(link_description, ul, is_mini) local l if link_description.url then l = {'[', '', ']'} else l = {'[[', '|', ']]'} end ul:tag('li') :addClass('nv-' .. link_description.full) :wikitext(l[1] .. link_description.link .. l[2]) :tag(is_mini and 'abbr' or 'span') :attr('title', link_description.html_title) :wikitext(is_mini and link_description.mini or link_description.full) :done() :wikitext(l[3]) :done() end local function make_list(title_text, has_brackets, is_mini) local title = mw.title.new(mw.text.trim(title_text), 'Template') if not title then error('Invalid title ' .. title_text) end local talkpage = title.talkPageTitle and title.talkPageTitle.fullText or '' local link_descriptions = { { ['mini'] = 'v', ['full'] = 'view', ['html_title'] = 'View this template', ['link'] = title.fullText, ['url'] = false }, { ['mini'] = 'e', ['full'] = 'edit', ['html_title'] = 'Edit this template', ['link'] = title:fullUrl('action=edit'), ['url'] = true }, { ['mini'] = 'h', ['full'] = 'hist', ['html_title'] = 'History of this template', ['link'] = title:fullUrl('action=history'), ['url'] = true }, } local ul = mw.html.create('ul') if has_brackets then ul:addClass('navbar-brackets') end for _, description in ipairs(link_descriptions) do add_link(description, ul, is_mini) end return ul:done() end local function navbar(args) local is_collapsible = args.collapsible local is_mini = args.mini local is_plain = args.plain local collapsible_class = nil if is_collapsible then collapsible_class = 'navbar-collapse' if not is_plain then is_mini = 1 end end local div = mw.html.create():tag('div') div :addClass('navbar') :addClass('plainlinks') :addClass('hlist') :addClass(collapsible_class) -- we made the determination earlier if is_mini then div:addClass('navbar-mini') end local box_text = (args.text or 'This box: ') .. ' ' -- the concatenated space guarantees the box text is separated if not (is_mini or is_plain) then div :tag('span') :addClass('navbar-boxtext') :wikitext(box_text) end local template = args.template local has_brackets = args.brackets local title_arg = get_title_arg(is_collapsible, template) local title_text = args[title_arg] or (':' .. mw.getCurrentFrame():getParent():getTitle()) local list = make_list(title_text, has_brackets, is_mini) div:node(list) if is_collapsible then local title_text_class if is_mini then title_text_class = 'navbar-ct-mini' else title_text_class = 'navbar-ct-full' end div:done() :tag('div') :addClass(title_text_class) :wikitext(args[1]) end return tostring(div:done()) end local function striped(wikitext, border) -- Return wikitext with markers replaced for odd/even striping. -- Child (subgroup) navboxes are flagged with a category that is removed -- by parent navboxes. The result is that the category shows all pages -- where a child navbox is not contained in a parent navbox. if border == 'subgroup' and args['orphan'] ~= 'yes' then -- No change; striping occurs in outermost navbox. return wikitext end local first, second = 'odd', 'even' if args['evenodd'] then if args['evenodd'] == 'swap' then first, second = second, first else first = args['evenodd'] second = first end end local changer if first == second then changer = first else local index = 0 changer = function (code) if code == '0' then -- Current occurrence is for a group before a nested table. -- Set it to first as a valid although pointless class. -- The next occurrence will be the first row after a title -- in a subgroup and will also be first. index = 0 return first end index = index + 1 return index % 2 == 1 and first or second end end return (wikitext:gsub('\127_ODDEVEN(%d?)_\127', changer)) -- () omits gsub count end local function processItem(item, nowrapitems) if item:sub(1, 2) == '{|' then -- Applying nowrap to lines in a table does not make sense. -- Add newlines to compensate for trim of x in |parm=x in a template. return '\n' .. item ..'\n' end if nowrapitems == 'yes' then local lines = {} for line in (item .. '\n'):gmatch('([^\n]*)\n') do local prefix, content = line:match('^([*:;#]+)%s*(.*)') if prefix and not content:match('^<span class="nowrap">') then line = format('%s<span class="nowrap">%s</span>', prefix, content) end table.insert(lines, line) end item = table.concat(lines, '\n') end if item:match('^[*:;#]') then return '\n' .. item ..'\n' end return item end -- we will want this later when we want to add tstyles for hlist/plainlist local function has_navbar() return args['navbar'] ~= 'off' and args['navbar'] ~= 'plain' and ( args['name'] or mw.getCurrentFrame():getParent():getTitle():gsub('/sandbox$', '') ~= 'Template:Navbox' ) end local function renderNavBar(titleCell) if has_navbar() then titleCell:wikitext(navbar{ [1] = args['name'], ['mini'] = 1, }) end end local function renderTitleRow(tbl) if not args['title'] then return end local titleRow = tbl:tag('tr') local titleCell = titleRow:tag('th'):attr('scope', 'col') local titleColspan = 2 if args['imageleft'] then titleColspan = titleColspan + 1 end if args['image'] then titleColspan = titleColspan + 1 end titleCell :addClass('navbox-title') :attr('colspan', titleColspan) renderNavBar(titleCell) titleCell :tag('div') -- id for aria-labelledby attribute :attr('id', mw.uri.anchorEncode(args['title'])) :addClass('navbox-title-text') :wikitext(processItem(args['title'])) tbl:tag('tr') :addClass('navbox-spacer') end local function getAboveBelowColspan() local ret = 2 if args['imageleft'] then ret = ret + 1 end if args['image'] then ret = ret + 1 end return ret end local function renderAboveRow(tbl) if not args['above'] then return end tbl:tag('tr') :tag('td') :addClass('navbox-abovebelow') :attr('colspan', getAboveBelowColspan()) :tag('div') -- id for aria-labelledby attribute, if no title :attr('id', args['title'] and nil or mw.uri.anchorEncode(args['above'])) :wikitext(processItem(args['above'], args['nowrapitems'])) tbl:tag('tr') :addClass('navbox-spacer') end local function renderBelowRow(tbl) if not args['below'] then return end tbl:tag('tr') :addClass('navbox-spacer') tbl:tag('tr') :tag('td') :addClass('navbox-abovebelow') :attr('colspan', getAboveBelowColspan()) :tag('div') :wikitext(processItem(args['below'], args['nowrapitems'])) end local function renderListRow(tbl, index, listnum, listnums_size) if index > 1 then tbl:tag('tr') :addClass('navbox-spacer') end local row = tbl:tag('tr') if index == 1 and args['imageleft'] then row :tag('td') :addClass('noviewer') :addClass('navbox-image') :css('width', '1px') -- Minimize width :css('padding', '0 2px 0 0') :attr('rowspan', listnums_size) :tag('div') :wikitext(processItem(args['imageleft'])) end local group_and_num = format('group%d', listnum) if args[group_and_num] then local groupCell = row:tag('th') -- id for aria-labelledby attribute, if lone group with no title or above if listnum == 1 and not (args['title'] or args['above'] or args['group2']) then groupCell :attr('id', mw.uri.anchorEncode(args['group1'])) end groupCell :attr('scope', 'row') :addClass('navbox-group') groupCell :wikitext(args[group_and_num]) end local listCell = row:tag('td') if args[group_and_num] then listCell :addClass('navbox-list-with-group') else listCell:attr('colspan', 2) end local list_and_num = format('list%d', listnum) local listText = args[list_and_num] local oddEven = '\127_ODDEVEN_\127' if listText:sub(1, 12) == '</div><table' then -- Assume list text is for a subgroup navbox so no automatic striping for this row. oddEven = listText:find('<th[^>]*"navbox%-title"') and '\127_ODDEVEN0_\127' or 'odd' end local listclass_and_num = format('list%dclass', listnum) listCell :addClass('navbox-list') :addClass('navbox-' .. oddEven) :addClass(args['listclass']) :addClass(args[listclass_and_num]) :tag('div') :wikitext(processItem(listText, args['nowrapitems'])) if index == 1 and args['image'] then row :tag('td') :addClass('noviewer') :addClass('navbox-image') :css('width', '1px') -- Minimize width :css('padding', '0 0 0 2px') :attr('rowspan', listnums_size) :tag('div') :wikitext(processItem(args['image'])) end end local function renderMainTable(border, listnums) local tbl = mw.html.create('table') :addClass('nowraplinks') local state = args['state'] if args['title'] and state ~= 'plain' and state ~= 'off' then if state == 'collapsed' then state = 'mw-collapsed' end tbl :addClass('mw-collapsible') :addClass(state or 'autocollapse') end if border == 'subgroup' or border == 'none' then tbl :addClass('navbox-subgroup') else -- regular navbox tbl :addClass('navbox-inner') end renderTitleRow(tbl) renderAboveRow(tbl) local listnums_size = #listnums for i, listnum in ipairs(listnums) do renderListRow(tbl, i, listnum, listnums_size) end renderBelowRow(tbl) return tbl end function p._navbox(navboxArgs) args = navboxArgs local listnums = {} for k, _ in pairs(args) do if type(k) == 'string' then local listnum = k:match('^list(%d+)$') if listnum then table.insert(listnums, tonumber(listnum)) end end end table.sort(listnums) local border = mw.text.trim(args['border'] or args[1] or '') if border == 'child' then border = 'subgroup' end -- render the main body of the navbox local tbl = renderMainTable(border, listnums) local res = mw.html.create() -- render the appropriate wrapper for the navbox, based on the border param if border == 'none' then local nav = res:tag('div') :attr('role', 'navigation') :node(tbl) -- aria-labelledby title, otherwise above, otherwise lone group if args['title'] or args['above'] or (args['group1'] and not args['group2']) then nav:attr( 'aria-labelledby', mw.uri.anchorEncode( args['title'] or args['above'] or args['group1'] ) ) else nav:attr('aria-label', 'Navbox') end elseif border == 'subgroup' then -- We assume that this navbox is being rendered in a list cell of a -- parent navbox, and is therefore inside a div with padding:0em 0.25em. -- We start with a </div> to avoid the padding being applied, and at the -- end add a <div> to balance out the parent's </div> res :wikitext('</div>') :node(tbl) :wikitext('<div>') else local nav = res:tag('div') :attr('role', 'navigation') :addClass('navbox') :addClass(args['class']) :node(tbl) -- aria-labelledby title, otherwise above, otherwise lone group if args['title'] or args['above'] or (args['group1'] and not args['group2']) then nav:attr( 'aria-labelledby', mw.uri.anchorEncode(args['title'] or args['above'] or args['group1']) ) else nav:attr('aria-label', 'Navbox') end end return striped(tostring(res), border) end function p.navbox(frame) if not getArgs then getArgs = require('Module:ArgsUtil').merge end args = getArgs() -- Read the arguments in the order they'll be output in, to make references -- number in the right order. local _ _ = args['title'] _ = args['above'] -- Limit this to 20 as covering 'most' cases (that's a SWAG) and because -- iterator approach won't work here for i = 1, 20 do _ = args[format('group%d', i)] _ = args[format('list%d', i)] end _ = args['below'] return p._navbox(args) end return p b883ff63b1b77f6419fcf3bb09db9d456e3839bb 828 197 214 2024-07-23T02:58:38Z Bot4401 45109 Adding default set of pages Scribunto text/plain -- This implements Template:Tlg local getArgs = require('Module:ArgsUtil').merge local p = {} -- Is a string non-empty? local function _ne(s) return s ~= nil and s ~= "" end local nw = mw.text.nowiki local function addTemplate(s) local i, _ = s:find(':', 1, true) if i == nil then return 'Template:' .. s end local ns = s:sub(1, i - 1) if ns == '' or mw.site.namespaces[ns] then return s else return 'Template:' .. s end end local function trimTemplate(s) local needle = 'template:' if s:sub(1, needle:len()):lower() == needle then return s:sub(needle:len() + 1) else return s end end local function linkTitle(args) if _ne(args.nolink) then return args[1] end local titleObj local titlePart = '[[' if args[1] then -- This handles :Page and other NS titleObj = mw.title.new(args[1], 'Template') else titleObj = mw.title.getCurrentTitle() end titlePart = titlePart .. (titleObj ~= nil and titleObj.fullText or addTemplate(args[1])) local textPart = args.alttext if not _ne(textPart) then if titleObj ~= nil then textPart = titleObj:inNamespace("Template") and args[1] or titleObj.fullText else -- redlink textPart = args[1] end end if _ne(args.subst) then -- HACK: the ns thing above is probably broken textPart = 'subst:' .. textPart end if _ne(args.brace) then textPart = nw('{{') .. textPart .. nw('}}') elseif _ne(args.braceinside) then textPart = nw('{') .. textPart .. nw('}') end titlePart = titlePart .. '|' .. textPart .. ']]' if _ne(args.braceinside) then titlePart = nw('{') .. titlePart .. nw('}') end return titlePart end function p.main(frame) local args = getArgs() return p._main(args) end function p._main(args) local bold = _ne(args.bold) or _ne(args.boldlink) or _ne(args.boldname) local italic = _ne(args.italic) or _ne(args.italics) local dontBrace = _ne(args.brace) or _ne(args.braceinside) local code = _ne(args.code) or _ne(args.tt) local show_result = _ne(args._show_result) local expand = _ne(args._expand) -- Build the link part local titlePart = linkTitle(args) if bold then titlePart = "'''" .. titlePart .. "'''" end if _ne(args.nowrapname) then titlePart = '<span class="nowrap">' .. titlePart .. '</span>' end -- Build the arguments local textPart = "" local textPartBuffer = "&#124;" local codeArguments = {} local codeArgumentsString = "" local i = 2 local j = 1 while args[i] do local val = args[i] if val ~= "" then if _ne(args.nowiki) then -- Unstrip nowiki tags first because calling nw on something that already contains nowiki tags will -- mangle the nowiki strip marker and result in literal UNIQ...QINU showing up val = nw(mw.text.unstripNoWiki(val)) end local k, v = string.match(val, "(.*)=(.*)") if not k then codeArguments[j] = val j = j + 1 else codeArguments[k] = v end codeArgumentsString = codeArgumentsString .. textPartBuffer .. val if italic then val = '<span style="font-style:italic;">' .. val .. '</span>' end textPart = textPart .. textPartBuffer .. val end i = i + 1 end -- final wrap local ret = titlePart .. textPart if not dontBrace then ret = nw('{{') .. ret .. nw('}}') end if _ne(args.a) then ret = nw('*') .. '&nbsp;' .. ret end if _ne(args.kbd) then ret = '<kbd>' .. ret .. '</kbd>' end if code then ret = '<code>' .. ret .. '</code>' elseif _ne(args.plaincode) then ret = '<code style="border:none;background:transparent;">' .. ret .. '</code>' end if _ne(args.nowrap) then ret = '<span class="nowrap">' .. ret .. '</span>' end --[[ Wrap as html?? local span = mw.html.create('span') span:wikitext(ret) --]] if _ne(args.debug) then ret = ret .. '\n<pre>' .. mw.text.encode(mw.dumpObject(args)) .. '</pre>' end if show_result then local result = mw.getCurrentFrame():expandTemplate{title = addTemplate(args[1]), args = codeArguments} ret = ret .. " → " .. result end if expand then local query = mw.text.encode('{{' .. addTemplate(args[1]) .. string.gsub(codeArgumentsString, textPartBuffer, "|") .. '}}') local url = mw.uri.fullUrl('special:ExpandTemplates', 'wpInput=' .. query) mw.log() ret = ret .. " [" .. tostring(url) .. "]" end return ret end return p 8cf3918c48e9ee8d379419775d7d7ce94257884f 828 198 215 2024-07-23T02:58:39Z Bot4401 45109 Adding default set of pages wikitext text/x-wiki {{From Wikipedia|Module:Template link general}} 1a395265ccbd055518c1d14b52362cc148b89c81 10 108 216 125 2024-07-23T06:10:30Z Westgrass 40 init wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--theme-border-color); background: var(--theme-background); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 5d6e7eaa23d5fec3ea098eaa2fd03bc3040ae523 10 106 217 121 2024-07-23T06:10:40Z Westgrass 40 init wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by Deep Worlds SA and/or its licensors, and is licensed under the Deep Worlds SA [[MediaWiki:Terms of Use|Terms of Use]].<br/> All trademarks and registered trademarks present in the file are proprietary to Deep Worlds SA and/or its licensors. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> b420c62f119410e2bbc0c57ec4e79e3107348b1b 0 4 218 5 2024-07-23T06:10:51Z Westgrass 40 Changed protection settings for "[[Beautiful Light Wiki]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <!-- IF YOU'RE LOOKING TO USE THIS MESSAGE AS A MAIN PAGE, DO NOT. PLEASE FOLLOW THE INSTRUCTIONS. THIS MESSAGE IS JUST HERE TO WELCOME YOU TO YOUR NEW WIKI, AND TO GUIDE YOU THROUGH THE INITIAL STEPS OF WORKING WITH MEDIAWIKI AND OUR ON-BOARDING PROCESS. THIS IS NOT MEANT TO BE REMADE INTO A MAIN PAGE. --> <div style="text-align: center"> <h1 style="color: #ff1980; font-weight: 700; border-bottom: 0">Welcome to wiki.gg!</h1> Your wiki has been prepared with several [[mw:Help:Templates|templates]] and [[support:Help:CSS|CSS pages]] that will help you get started. </div><!-- -->{{#vardefine:gutter-styles|style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: center; margin-top: 1em;"}}<!-- -->{{#vardefine:guide-box-styles-lvl1|style="border: 2px solid #ff1980; border-radius: 4px; padding: 0 1.2em 0.8em; background: #710e3a; color: #fff; font-size: 1.2em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--visited: var(--wiki-content-link-color)"}}<!-- -->{{#vardefine:guide-box-styles-lvl2|style="border: 2px solid #771c45; border-radius: 4px; padding: 0 1.2em 0.8em; background: #371524; color: #fff; font-size: 1.05em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--visited: var(--wiki-content-link-color)"}}<!-- -->{{#vardefine:guide-box-styles-lvl3|style="border: 2px solid #771c45; border-radius: 4px; padding: 0 1.2em 0.8em; background: #37363736; font-size: 0.98em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003"}}<!-- -->{{#vardefine:guide-heading-styles|style="font-weight: 700; border-bottom: 0; color: inherit"}} <div {{#var:gutter-styles}}> <div {{#var:guide-box-styles-lvl1}}> <h2 {{#var:guide-heading-styles}}>1. If you haven't yet,</h2> please log in ([[support:Logging into an onboarding wiki|help, how do I log in?]]) (you will need to create a new account if you haven't previously edited wiki.gg wikis). If your wiki has been imported and you've had an account on the original site, please [[Special:ClaimExternalAccount|claim your username]] instead. </div> <div {{#var:guide-box-styles-lvl1}}> <h2 {{#var:guide-heading-styles}}>2. Get administrator rights</h2> You will need admin to edit the front page and site styles, and to delete pages. If your team has 3+ people, probably not everyone will need admin. Make a request by pasting your wiki user name into your onboarding Discord channel. If your account was imported, it '''must''' be reclaimed first. </div> <div {{#var:guide-box-styles-lvl1}}> <h2 {{#var:guide-heading-styles}}>3. Start making pages!</h2> Whether we're helping you with your styling or you're making your own theme, you can start making pages now! You can start with an "About" page, and then see [[support:Infoboxes|the help article on infoboxes]] for how to make infoboxes. Do you want to use the '''[[mw:Extension:VisualEditor|visual editor]]'''? Let us know in your onboarding Discord channel! </div> <div {{#var:guide-box-styles-lvl1}}> <h2 {{#var:guide-heading-styles}}>4. Prepare for the wiki to be public</h2> You will have about '''one month''' to prepare your wiki to be public. Here's what you should do: * Upload a favicon (see below) * Upload a logo (see below) * Pick one of the example main pages and add some customizations to it (see below) * Theme your wiki (see below) OR give us a mock-up of how you want it to look and we will help you theme it * Create one or more [[support:Infoboxes|infoboxes]] * Create at least 3-5 content pages Remember, "public" doesn't mean "finished," wikis are always WIP! </div> </div> <div {{#var:gutter-styles}}> <div {{#var:guide-box-styles-lvl2}}> <h2 {{#var:guide-heading-styles}}>4.1. Setting up the main page</h2> # Pick one of the example main pages and "move" (under the "More" dropdown in the upper-right-hand corner of your window) it to <code>{{int:Mainpage}}</code>. #* It'll ask you if you're ''sure'' you want to move the page since there's some content here now. You should say yes, delete the content. You can access this content on the [[support:Default main page|support wiki]] at any point in the future. #* Here are the main pages you can pick from & move to <code>{{int:Mainpage}}</code>: #** [[Example Main Page 1]] #** [[Example Main Page 2]] # Visit [[Special:AllPages]] and delete any example pages you no longer need. If you want, you can do this in bulk with [[Special:Nuke]], entering the pattern <code>Example %</code>. Limit it to the namespace <code>(Main)</code>, the first option in the "namespace" dropdown. </div> <div {{#var:guide-box-styles-lvl2}}> <h2 {{#var:guide-heading-styles}}>4.2. Theming</h2> # Use [[Special:Upload]] to upload a favicon called <code>Site-favicon.ico</code>. This icon is shown on your browser's tab bar, next to the page's title. It should be 48x48px and look good at 16x16px. # Use [[Special:Upload]] to upload a wiki logo called <code>Site-logo.png</code>. For most wikis, this should be 160x160px. # Protect the favicon and the logo, so only administrators may edit and replace them. # Customize your theme by editing the variables at [[MediaWiki:Common.css]]. Remember to use Ctrl+F5 or Ctrl+Shift+R to cache-refresh in your browser after making any changes! #* Pages in the "MediaWiki" namespace are protected by default, and only your wiki's administrators can edit them. #* You may want to learn [https://river.me/blog/dev-tools/ how to use your browser's dev tools] to help in styling. #* Remember to protect any additional files you upload for your theme! </div> <div {{#var:guide-box-styles-lvl2}}> <h2 {{#var:guide-heading-styles}}>4.3. Sidebar links</h2> Edit [[MediaWiki:Sidebar]] to customize the navigation menu on the left. You can remove the "Customizing this wiki" section if you want, but you may want to bookmark those links first. </div> </div> <h2 style="color: #ff1980; font-weight: 700; border-bottom: 0; text-align: center; margin-top: 3em">Frequently asked questions</h2> <div {{#var:gutter-styles}}> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How do I make a new page?</h2> Click ''[[Special:NewPage|New page]]'' on the sidebar to the left. This link will always be visible from the sidebar, and you can also bookmark that page if you want. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How do I rename a page?</h2> In the upper-right-hand corner of the page there's a dropdown menu. Renaming in MediaWiki is called "moving" so click "Move" and you'll be able to choose a new name. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>When should I make the wiki public?</h2> As soon as possible! We require you to have a logo [[Special:Upload|uploaded]] called <code>Site-logo.png</code> and a favicon [[Special:Upload|uploaded]] called <code>Site-favicon.ico</code>. (Ignore any warnings you see when uploading those two files.)<br><br>You may also want to customize your theme a bit and replace the contents of this page with your own main page content. But once there is even 1 content page, people can start finding your wiki useful, so you should plan to "release" it as soon as possible. We like for wikis to take at '''most''' one month to prepare to be public, but many wikis are ready within a week and that's awesome! </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How can someone else edit this wiki?</h2> If you want them to help out now, while you're in onboarding, then send them the same link you used to join the Discord server. If they need to edit CSS or create Cargo tables, you can also request that we give them Administrator privileges. If you want them to help edit after the wiki is public, then all they have to do is make an account, and if they need Admin you can request it in the {{int:Wikigg-socialmedia-link}}. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How do I stop others from editing my wiki?</h2> By default, wiki.gg doesn't allow anonymous (logged-out) editing (although if you want to enable that we can, let us know!). Therefore, we do not recommend taking any steps to stop other people from editing your wiki. The only pages you should protect are this one (the main page) & any files used in your theme (logo, favicon, background)! But if an edit war does break out and you need to restrict editing, you can go to the "More" dropdown in the upper-right corner of the page interface and then click "Protect." We recommend setting a duration of one month or less. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How do I get extensions installed?</h2> Let us know what extensions you need in your onboarding Discord channel. If possible, please try to make all your requests at once, so we can get to them all easily. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>How can I see the info on this page after I delete it?</h2> We have a mirror on our [[support:Default main page|support wiki]], you can bookmark that :) </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>I want to rename my account!</h2> If you reclaimed your account from another hosting site & want to rename, we can help you with that! Ask us to do it at the time that your wiki goes live, since we'll be continuing to mirror edits from the old platform until that time. </div> <div {{#var:guide-box-styles-lvl3}}> <h2 {{#var:guide-heading-styles}}>I looked at the source of this main page, why is there so much inline CSS?</h2> We intend for you to delete this page ASAP, therefore it's coded in a way to make deletion very easy (with no extra styles left over in [[MediaWiki:Common.css]]). We do '''NOT''' recommend taking this approach (with inline styles & variables) on your own pages!!!!! Remember you can always view this content on the [[support:Default main page|support wiki]] (you may want to bookmark that page). </div> </div> __NOTITLE__ __NOTOC__ __NOEDITSECTION__ b8422b4154bf7696f681772a5903786dd98dea44 249 218 2024-07-23T16:16:10Z Westgrass 40 wikitext text/x-wiki __NOTITLE__ __NOTOC__ __NOEDITSECTION__ <div id="mainpage-wrap"><div class="content-wrap"><!-- --><div class="l"><!-- --><div class="header box"><!-- --><div class="welcome"><!-- --><h2>Welcome to the '''{{SITENAME}}'''</h2><!-- --><p>The {{SITENAME}} is written and maintained by the players.</p><!-- --><p>Please feel free to contribute by creating new articles or expanding on existing ones.</p><!-- --></div><!-- --></div><!-- --><div class="box game"><!-- --><h2>About Beautiful Light</h2><!-- --><div><!-- -->[[File:Keyart.jpg|360px|link=]]<!-- --><div><!-- --><p>[[Beautiful Light]], a PvPvPvE tactical first-person extraction shooter where 6 squads of 3 operators are tasked with entering, securing, and extracting an artifact in a hostile, horrific environment. Face other operators and player-controlled anomalies, but beware: mistakes can risk your life and gear. </p><!-- --></div><!-- --></div><!-- --></div><!-- --><div class="box gameplay"><!-- --><h2>Gameplay</h2><!-- --> * '''ENTER''': Squad up and enter a 2km² hostile and horrific environment filled with [[lore]] and [[unique places]]. Be ready to face many situations, each [[raid]] is unique. * '''SECURE''': Find your way to secure the mysterious [[artifacts]] while [[operators]] and [[anomalies]] prevent you from completing your mission. * '''EXTRACT''': Call in the extraction and watch out from any remaining and lurking menace. The stakes are high, you don't want to loose your gear and or fail your quests. <!-- --></div><!-- --></div><!-- --><div class="r"><!-- --><div class="box gallery"><!-- --><h2>Gallery</h2><!-- --><ul><!-- --><li>[[File:screenshot1.jpg|x180px]]</li><!-- --><li>[[File:screenshot2.jpg|x180px]]</li><!-- --><li>[[File:screenshot3.jpg|x180px]]</li><!-- --><li>[[File:screenshot4.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot5.jpg|x180px]]</li><!-- --><!--<li>[[File:screenshot6.jpg|x180px]]</li><!-- --></ul><!-- --></div><!-- --><div class="box comm"><!-- --><h2>Wiki Community</h2><!-- --><div> We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br> <small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> ;How to help : See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please. <inputbox> type= create width= 30 placeholder=Title of your article </inputbox> ;[[Special:Userlogin|Register]] : Register an account to keep track of your contributions. </div><!-- --></div><!-- --></div><!-- --></div><!-- .content-wrap --> <!--<div class="footer note"><div><span>Changes to this main page</span> <span>can be proposed [[{{SITENAME}}/editcopy|here]]</span></div></div>--> </div><!--#mainpage-wrap--> [[category:{{SITENAME}}| ]] f0294e712562dad49f66ec0d52c6aca233cb3ae0 8 13 219 16 2024-07-23T06:10:55Z Westgrass 40 init javascript text/javascript // load various utilities from the commons wiki, including l10nFactory and isEditorActive mw.loader.getScript( 'https://commons.wiki.gg/MediaWiki:Common-base.js?action=raw\u0026ctype=text/javascript' ).then(function(){ //////////////////////////////////////////////////////////////////////////////// /* Now we can use l10nFactory and isEditorActive / /* Example for l10nFactory: var l10n = l10nFactory(mw.config.get('wgUserLanguage'), { l10n_key { 'en': 'en_text', 'de': 'de_text', 'zh': 'zh_text', }, l10n_key2 { 'en': 'en_text2', 'zh': 'zh_text2', } }); var text = l10n('l10n_key'); */ //////////////////////////////////////////////////////////////////////////////// /*end of .then() callback*/ }); /* DRUID */ $(function () { $(".druid-main-images-label").off("click"); $(".druid-main-images-label").click(function () { var $parent = $(this).closest(".druid-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-collapsible").off("click"); $(".druid-collapsible").click(function () { var kind = $(this).attr("data-druid-section"); $(this).toggleClass("druid-collapsible-collapsed"); $(this) .closest(".druid-container") .find("[data-druid-section-row=" + kind + "]") .toggleClass("druid-collapsed"); }); }); /* End DRUID */ /* [[Template:Spoiler]] */ $(function () { $('.spoiler-content') .off('click') // in case this code is loaded twice .on('click', function(e){ $(this).toggleClass('show'); }).find('a').on('click', function(e){ e.stopPropagation(); }); }); /* Link to imported modules from Lua code */ $(function() { var config = mw.config.get([ 'wgCanonicalNamespace', 'wgFormattedNamespaces' ]); if (config.wgCanonicalNamespace !== 'Module') { return; } var localizedNamespace = config.wgFormattedNamespaces[828]; $('.s1, .s2, .s').each(function() { var $this = $(this); var html = $this.html(); var quote = html[0]; var isLongStringQuote = quote === '['; var quoteRE = new RegExp('^\\' + quote + '|\\' + quote + '$', 'g'); if (isLongStringQuote) { quoteRE = /^\[\[|\]\]$/g; } var name = html.replace(quoteRE, ''); var isEnglishPrefix = name.startsWith('Module:'); var isLocalizedPrefix = name.startsWith(localizedNamespace + ':'); var isDevPrefix = name.startsWith('Dev:'); if (isEnglishPrefix || isLocalizedPrefix || isDevPrefix) { var attrs = { href: mw.util.getUrl(name) }; if (isDevPrefix) { attrs.href = 'https://commons.wiki.gg/wiki/Module:' + mw.util.wikiUrlencode(name.replace('Dev:', '')); attrs.target = '_blank'; attrs.rel = 'noopener'; } var link = mw.html.element('a', attrs, name); var str = quote + link + quote; if (isLongStringQuote) { str = '[[' + link + ']]'; } $this.html(str); } }); }); 0a4a13369f3286970f144984e6ae04d65ae2a77f 8 25 220 28 2024-07-23T06:11:01Z Westgrass 40 init javascript text/javascript /* All JavaScript here will be loaded for users of the Vector skin */ /*** Mobile navigation toggle button ***/ $( document ).ready(function(){ $('<div class="menu-toggle"/>').insertAfter($('#p-logo')).on("click", function(event){ event.stopPropagation(); $(this).toggleClass('expanded'); }); }); eb11f0dc7059fe15b440d640ee24e1a054a7af8a 10 199 221 2024-07-23T06:11:07Z Westgrass 40 init wikitext text/x-wiki <includeonly><infobox> <title source="title"> <default>{{PAGENAME}}</default> </title> <image source="image"> <caption source="caption"/> </image> <data source="developer"> <label>Developer</label> </data> <data source="publisher"> <label>Publisher</label> </data> <data source="release"> <label>Release date</label> </data> <data source="platform"> <label>Platform</label> </data> </infobox></includeonly><noinclude> Usage:<pre> {{InfoboxGame |title= |image= |caption= |developer= |publisher= |release= |platform= }} </pre> [[Category:Infobox templates]]</noinclude> ce818e81bba1bab2e1192621b9a8fd4fc7ebe332 6 8 222 11 2024-07-23T06:11:13Z Westgrass 40 init wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 223 222 2024-07-23T06:11:18Z Westgrass 40 Protected "[[File:Site-favicon.ico]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 234 223 2024-07-23T15:50:07Z Westgrass 40 Westgrass uploaded [[File:Site-favicon.ico]] wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 6 200 224 2024-07-23T06:11:23Z Westgrass 40 init wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 225 224 2024-07-23T06:11:28Z Westgrass 40 Protected "[[File:Site-logo.png]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 236 225 2024-07-23T15:52:21Z Westgrass 40 Westgrass uploaded [[File:Site-logo.png]] wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 6 201 226 2024-07-23T06:11:33Z Westgrass 40 init wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 227 226 2024-07-23T06:11:38Z Westgrass 40 Protected "[[File:Site-background.jpg]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 235 227 2024-07-23T15:51:28Z Westgrass 40 Westgrass uploaded [[File:Site-background.jpg]] wikitext text/x-wiki {{license|game}}[[Category:Wiki skin images]] 730c1dfbac3463a01a30338c7a59d9d6bbecd4c4 6 202 228 2024-07-23T06:11:43Z Westgrass 40 init wikitext text/x-wiki {{license|game}}[[Category:Images]] fda00382db44458e9e69913e1fc3934a8173c5e7 0 203 229 2024-07-23T06:11:49Z Westgrass 40 init wikitext text/x-wiki {{stub}} {{InfoboxGame |title= |image=keyart.jpg |caption=Game keyart |developer=Deep Worlds SA |publisher=Deep Worlds SA |release= |platform=PC }} '''Beautiful Light''' is a game. [[Category:Beautiful Light| ]] bb0ba00145bafd008ebcfa4ab4db41e1f55dc369 14 204 230 2024-07-23T06:11:55Z Westgrass 40 init wikitext text/x-wiki [[category:{{SITENAME}}]] 442656d773d97baea47f62cc8dcee3fda0f995ed 14 205 231 2024-07-23T06:12:01Z Westgrass 40 init wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 8 11 232 14 2024-07-23T15:49:54Z Westgrass 40 css text/css /*********************************************************************************************************** * improve/fix wiki.gg header/footer ***********************************************************************************************************/ @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&ctype=text/css); /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #666; --theme-text-color-em: #0c742f; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #087188; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #bf0017; --theme-link-color-focus: var(--theme-link-color); --theme-highlight-background: rgba(8, 113, 136, 0.15); /*** infobox/navbox ***/ --theme-accent-label-color: var(--theme-text-color); --theme-accent-label-link-color: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color--rgb: 206, 206, 206; --theme-border-color: rgb(var(--theme-border-color--rgb)); --theme-border: 1px solid var(--theme-border-color); --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2); --theme-border-color-accent--rgb: 206, 206, 206; --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb)); /* for wide table */ --theme-wide-table-shadow-color: #999; /* portable infobox */ /* --theme-pi-background: none;*/ /* --theme-pi-secondary-background--rgb: 127, 127, 127; */ /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */ /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */ /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */ } #content { /* content box */ --theme-background: rgba(0,0,0, 0.06); } #bodyContent { /* main article content box (without top heading) */ } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color, #000); font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 0 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: var(--theme-border); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */ -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } #filetoc { border-color: var(--theme-border-color); } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color, var(--theme-text-color)); font-family: var(--theme-heading-font-family, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--theme-pi-background, var(--theme-background)); --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent)); --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb)); --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color)); --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5)); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************** * Template:Navbox ***********************************************************/ #content { --wiki-content-border-color: var(--theme-border-color); --wiki-accent-label-color: var(--theme-accent-label-color); --wiki-accent-color: var(--theme-border-color-accent); --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb); --wiki-content-text-color: var(--theme-text-color); --wiki-accent-link-color: var(--theme-accent-label-link-color); } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " ·"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) " "; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) " "; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: rgba(255, 255, 255, 0.0666666667); } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 100%; max-width: 22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align: center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background: rgba(var(--druid-secondary-background-color--rgb), 0.75); color: var(--druid-secondary-background-label-color); text-align: center; font-size: 1.5em; padding: 1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-label { font-weight: bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; flex: 1 1 auto; text-align: center; transition: 0.1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item > .druid-label, .druid-grid-item > .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: "–"; display: block; position: absolute; right: 10px; font-size: 20px; font-weight: bold; color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content: "+"; } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /*********************** * End DRUID infoboxes * ************************/ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--theme-border-color); border-left: 10px solid var(--theme-border-color-accent); border-radius: 2px; display: flex; align-items: center; gap: 0.6em; margin: 1em 0; padding: 3px 0.6em; background-color: var(--theme-background); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333); } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: 0.04rem 0.5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -0.6em; } .ambox-content p { margin: 0.15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-border-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-background); border-radius: 5px; border: 2px solid var(--theme-border-color); margin: 0.5em 0; padding: 0.5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } #mainpage-wrap .content-wrap .l { flex: 4 4 800px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r { flex: 1 1 auto; } } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: rgba(127, 127, 127, 0.15); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .mw-datatable { border-color: var(--theme-border-color); } .mw-datatable tr:hover td { background: var(--theme-highlight-background); } .mw-datatable th { background: var(--theme-table-header-background); } .cargo-pagevalues-tableinfo { background: var(--theme-box-background); } .license { border: 1px solid var(--theme-border-color-accent); padding: 5px; display: flex; gap: 1em; } .wikiEditor-ui-toolbar { color: #000; } .mw-collapsible-toggle { color: var(--theme-text-color-note); } .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url(/resources/src/jquery.tablesorter.styles/images/sort_both.svg?0e440) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--theme-icon-color); } /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ #filetoc, code, .mw-changeslist-legend, .mw-search-profile-tabs, #mw-searchoptions, .mw-datatable td { background: none; } /* ref */ ol.references li:target, sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } li.gallerybox div.thumb { background: var(--theme-box-background); } ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .oo-ui-tabSelectWidget-framed, #preferences .mw-htmlform-submit-buttons { background: none; } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } :root { --pi-background: rgba(255,255,255, 0.1); } div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } div.thumbinner { background: none; } #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } #mw-indicator-mw-helplink a { background: none; position: relative; } #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .mw-plusminus-pos { color: #7cf56e; } .mw-plusminus-neg { color: #ff9a9b; } .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } fieldset { border-color: #ccc; } .mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code { color: #ccc; } .mw-highlight .nv { color: #01C2EC; } .horse-userprofile { background-color: transparent; } .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .tabber__indicator { background: #01c2ec; } .tabber__tab { color: #ccc; } .tabber__tab:visited { color: #ccc; } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .tabber__tab:hover { color: #32d8ff; } .tabber__tab:active { color: #05b8e0; } .tabber__header__prev:hover, .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .tabber__header__prev:active, .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .not-patrolled { background-color: rgba(255, 255, 170, 0.15); } .updatedmarker { background-color: rgba(183, 244, 48, 0.4); } .license .icon { filter: invert(1) hue-rotate(180deg); } #editform .wikiEditor-ui, #editform .editOptions { filter: invert(1) hue-rotate(180deg); } .mw-rcfilters-head, .mw-rcfilters-ui-overlay { filter: invert(1) hue-rotate(180deg); } f30907064a5c00720649da82381fe71e8b7e2ffb 244 232 2024-07-23T16:00:55Z Westgrass 40 css text/css /*********************************************************************************************************** * improve/fix wiki.gg header/footer ***********************************************************************************************************/ @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&ctype=text/css); /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** text color ***/ --theme-text-color: #fff; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #c1ca27; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #5ad7ef; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #ec2a40; --theme-link-color-focus: var(--theme-link-color); --theme-highlight-background: rgba(90, 215, 239, 0.15); /*** infobox/navbox ***/ --theme-accent-label-color: var(--theme-text-color); --theme-accent-label-link-color: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color--rgb: 102, 102, 102; --theme-border-color: rgb(var(--theme-border-color--rgb)); --theme-border: 1px solid var(--theme-border-color); --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2); --theme-border-color-accent--rgb: 255, 255, 255; --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb)); /* for wide table */ --theme-wide-table-shadow-color: #999; /* portable infobox */ /* --theme-pi-background: none;*/ /* --theme-pi-secondary-background--rgb: 127, 127, 127; */ /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */ /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */ /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */ } #content { /* content box */ --theme-background: rgba(255,255,255, 0.06); } #bodyContent { /* main article content box (without top heading) */ } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color, #000); font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 0 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: var(--theme-border); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */ -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } #filetoc { border-color: var(--theme-border-color); } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color, var(--theme-text-color)); font-family: var(--theme-heading-font-family, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--theme-pi-background, var(--theme-background)); --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent)); --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb)); --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color)); --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5)); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************** * Template:Navbox ***********************************************************/ #content { --wiki-content-border-color: var(--theme-border-color); --wiki-accent-label-color: var(--theme-accent-label-color); --wiki-accent-color: var(--theme-border-color-accent); --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb); --wiki-content-text-color: var(--theme-text-color); --wiki-accent-link-color: var(--theme-accent-label-link-color); } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " ·"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) " "; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) " "; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: rgba(255, 255, 255, 0.0666666667); } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 100%; max-width: 22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align: center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background: rgba(var(--druid-secondary-background-color--rgb), 0.75); color: var(--druid-secondary-background-label-color); text-align: center; font-size: 1.5em; padding: 1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-label { font-weight: bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; flex: 1 1 auto; text-align: center; transition: 0.1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item > .druid-label, .druid-grid-item > .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: "–"; display: block; position: absolute; right: 10px; font-size: 20px; font-weight: bold; color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content: "+"; } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /*********************** * End DRUID infoboxes * ************************/ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--theme-border-color); border-left: 10px solid var(--theme-border-color-accent); border-radius: 2px; display: flex; align-items: center; gap: 0.6em; margin: 1em 0; padding: 3px 0.6em; background-color: var(--theme-background); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333); } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: 0.04rem 0.5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -0.6em; } .ambox-content p { margin: 0.15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-border-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-background); border-radius: 5px; border: 2px solid var(--theme-border-color); margin: 0.5em 0; padding: 0.5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } #mainpage-wrap .content-wrap .l { flex: 4 4 800px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r { flex: 1 1 auto; } } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: rgba(127, 127, 127, 0.15); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .mw-datatable { border-color: var(--theme-border-color); } .mw-datatable tr:hover td { background: var(--theme-highlight-background); } .mw-datatable th { background: var(--theme-table-header-background); } .cargo-pagevalues-tableinfo { background: var(--theme-box-background); } .license { border: 1px solid var(--theme-border-color-accent); padding: 5px; display: flex; gap: 1em; } .wikiEditor-ui-toolbar { color: #000; } .mw-collapsible-toggle { color: var(--theme-text-color-note); } .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url(/resources/src/jquery.tablesorter.styles/images/sort_both.svg?0e440) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--theme-icon-color); } /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ #filetoc, code, .mw-changeslist-legend, .mw-search-profile-tabs, #mw-searchoptions, .mw-datatable td { background: none; } /* ref */ ol.references li:target, sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } li.gallerybox div.thumb { background: var(--theme-box-background); } ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .oo-ui-tabSelectWidget-framed, #preferences .mw-htmlform-submit-buttons { background: none; } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } :root { --pi-background: rgba(255,255,255, 0.1); } div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } div.thumbinner { background: none; } #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } #mw-indicator-mw-helplink a { background: none; position: relative; } #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .mw-plusminus-pos { color: #7cf56e; } .mw-plusminus-neg { color: #ff9a9b; } .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } fieldset { border-color: #ccc; } .mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code { color: #ccc; } .mw-highlight .nv { color: #01C2EC; } .horse-userprofile { background-color: transparent; } .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .tabber__indicator { background: #01c2ec; } .tabber__tab { color: #ccc; } .tabber__tab:visited { color: #ccc; } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .tabber__tab:hover { color: #32d8ff; } .tabber__tab:active { color: #05b8e0; } .tabber__header__prev:hover, .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .tabber__header__prev:active, .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .not-patrolled { background-color: rgba(255, 255, 170, 0.15); } .updatedmarker { background-color: rgba(183, 244, 48, 0.4); } .license .icon { filter: invert(1) hue-rotate(180deg); } #editform .wikiEditor-ui, #editform .editOptions { filter: invert(1) hue-rotate(180deg); } .mw-rcfilters-head, .mw-rcfilters-ui-overlay { filter: invert(1) hue-rotate(180deg); } 261651d1c5e747e1bc32319c3054e3438652c04a 246 244 2024-07-23T16:02:49Z Westgrass 40 css text/css /*********************************************************************************************************** * improve/fix wiki.gg header/footer ***********************************************************************************************************/ @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&ctype=text/css); /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** text color ***/ --theme-text-color: #fff; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #e7a600; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #5ad7ef; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #ec2a40; --theme-link-color-focus: var(--theme-link-color); --theme-highlight-background: rgba(90, 215, 239, 0.15); /*** infobox/navbox ***/ --theme-accent-label-color: var(--theme-text-color); --theme-accent-label-link-color: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color--rgb: 102, 102, 102; --theme-border-color: rgb(var(--theme-border-color--rgb)); --theme-border: 1px solid var(--theme-border-color); --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2); --theme-border-color-accent--rgb: 255, 255, 255; --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb)); /* for wide table */ --theme-wide-table-shadow-color: #999; /* portable infobox */ /* --theme-pi-background: none;*/ /* --theme-pi-secondary-background--rgb: 127, 127, 127; */ /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */ /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */ /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */ } #content { /* content box */ --theme-background: rgba(255,255,255, 0.06); } #bodyContent { /* main article content box (without top heading) */ } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color, #000); font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 0 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: var(--theme-border); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */ -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } #filetoc { border-color: var(--theme-border-color); } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color, var(--theme-text-color)); font-family: var(--theme-heading-font-family, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--theme-pi-background, var(--theme-background)); --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent)); --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb)); --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color)); --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5)); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************** * Template:Navbox ***********************************************************/ #content { --wiki-content-border-color: var(--theme-border-color); --wiki-accent-label-color: var(--theme-accent-label-color); --wiki-accent-color: var(--theme-border-color-accent); --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb); --wiki-content-text-color: var(--theme-text-color); --wiki-accent-link-color: var(--theme-accent-label-link-color); } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " ·"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) " "; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) " "; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: rgba(255, 255, 255, 0.0666666667); } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 100%; max-width: 22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align: center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background: rgba(var(--druid-secondary-background-color--rgb), 0.75); color: var(--druid-secondary-background-label-color); text-align: center; font-size: 1.5em; padding: 1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-label { font-weight: bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; flex: 1 1 auto; text-align: center; transition: 0.1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item > .druid-label, .druid-grid-item > .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: "–"; display: block; position: absolute; right: 10px; font-size: 20px; font-weight: bold; color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content: "+"; } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /*********************** * End DRUID infoboxes * ************************/ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--theme-border-color); border-left: 10px solid var(--theme-border-color-accent); border-radius: 2px; display: flex; align-items: center; gap: 0.6em; margin: 1em 0; padding: 3px 0.6em; background-color: var(--theme-background); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333); } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: 0.04rem 0.5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -0.6em; } .ambox-content p { margin: 0.15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-border-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-background); border-radius: 5px; border: 2px solid var(--theme-border-color); margin: 0.5em 0; padding: 0.5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } #mainpage-wrap .content-wrap .l { flex: 4 4 800px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r { flex: 1 1 auto; } } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: rgba(127, 127, 127, 0.15); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .mw-datatable { border-color: var(--theme-border-color); } .mw-datatable tr:hover td { background: var(--theme-highlight-background); } .mw-datatable th { background: var(--theme-table-header-background); } .cargo-pagevalues-tableinfo { background: var(--theme-box-background); } .license { border: 1px solid var(--theme-border-color-accent); padding: 5px; display: flex; gap: 1em; } .wikiEditor-ui-toolbar { color: #000; } .mw-collapsible-toggle { color: var(--theme-text-color-note); } .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url(/resources/src/jquery.tablesorter.styles/images/sort_both.svg?0e440) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--theme-icon-color); } /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ #filetoc, code, .mw-changeslist-legend, .mw-search-profile-tabs, #mw-searchoptions, .mw-datatable td { background: none; } /* ref */ ol.references li:target, sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } li.gallerybox div.thumb { background: var(--theme-box-background); } ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .oo-ui-tabSelectWidget-framed, #preferences .mw-htmlform-submit-buttons { background: none; } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } :root { --pi-background: rgba(255,255,255, 0.1); } div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } div.thumbinner { background: none; } #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } #mw-indicator-mw-helplink a { background: none; position: relative; } #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .mw-plusminus-pos { color: #7cf56e; } .mw-plusminus-neg { color: #ff9a9b; } .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } fieldset { border-color: #ccc; } .mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code { color: #ccc; } .mw-highlight .nv { color: #01C2EC; } .horse-userprofile { background-color: transparent; } .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .tabber__indicator { background: #01c2ec; } .tabber__tab { color: #ccc; } .tabber__tab:visited { color: #ccc; } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .tabber__tab:hover { color: #32d8ff; } .tabber__tab:active { color: #05b8e0; } .tabber__header__prev:hover, .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .tabber__header__prev:active, .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .not-patrolled { background-color: rgba(255, 255, 170, 0.15); } .updatedmarker { background-color: rgba(183, 244, 48, 0.4); } .license .icon { filter: invert(1) hue-rotate(180deg); } #editform .wikiEditor-ui, #editform .editOptions { filter: invert(1) hue-rotate(180deg); } .mw-rcfilters-head, .mw-rcfilters-ui-overlay { filter: invert(1) hue-rotate(180deg); } 2511beb3461a4ea5d448fb4ea99b4d938f9eec45 250 246 2024-07-23T16:17:30Z Westgrass 40 css text/css /*********************************************************************************************************** * improve/fix wiki.gg header/footer ***********************************************************************************************************/ @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&ctype=text/css); /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** text color ***/ --theme-text-color: #fff; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #e7a600; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; /*** link text color ***/ --theme-link-color: #5ad7ef; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-redlink: #ec2a40; --theme-link-color-focus: var(--theme-link-color); --theme-highlight-background: rgba(90, 215, 239, 0.15); /*** infobox/navbox ***/ --theme-accent-label-color: var(--theme-text-color); --theme-accent-label-link-color: var(--theme-link-color); /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color--rgb: 102, 102, 102; --theme-border-color: rgb(var(--theme-border-color--rgb)); --theme-border: 1px solid var(--theme-border-color); --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2); --theme-border-color-accent--rgb: 92, 43, 43; --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb)); /* for wide table */ --theme-wide-table-shadow-color: #999; /* portable infobox */ /* --theme-pi-background: none;*/ /* --theme-pi-secondary-background--rgb: 127, 127, 127; */ /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */ /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */ /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */ } #content { /* content box */ --theme-background: rgba(255,255,255, 0.06); } #bodyContent { /* main article content box (without top heading) */ } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } .gallery { --theme-gap-x: 6px; --theme-gap-y: 6px; } .thumb { --theme-box-border-radius: 0; } /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color, #000); font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 0 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: var(--theme-border); background: var(--theme-background); } /** link color **/ body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw { text-decoration: none; color: var(--theme-link-color); } body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color: var(--theme-link-color-visited); } body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active { text-decoration: underline; color: var(--theme-link-color-hover); } body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active { /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ text-decoration: none; color: var(--theme-link-color); } body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited { /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } em { color: var(--theme-text-color-em); } .pixel img, .pixel, #mw-imagepage-section-filehistory img { image-rendering: pixelated; /*for chrome*/ image-rendering: crisp-edges; /*for firefox*/ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } /* custom icon color*/ .mw-parser-output a.external::after { content: ""; display: inline-block; width: 0.875em; height: 0.875em; background-color: currentColor; --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */ -webkit-mask: var(--mask) no-repeat; mask: var(--mask) no-repeat; -webkit-mask-size: auto 0.875em; mask-size: auto 0.875em; -webkit-mask-position: right center; mask-position: right center; margin-left: 2px; } .mw-parser-output > :first-child { margin-top: 0; } #filetoc { border-color: var(--theme-border-color); } .toccolours { background-color: unset; border: unset; font-size: unset; padding: unset; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color, var(--theme-text-color)); font-family: var(--theme-heading-font-family, inherit); line-height: var(--theme-heading-line-height, 1.25); font-weight: var(--theme-heading-font-weight, normal); } .mw-body h1, .mw-body-content h1 { font-size: var(--theme-heading-font-size-h1, 32px); line-height: var(--theme-heading-line-height-h1, 40px); font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal)); } .mw-body-content h2 { font-size: var(--theme-heading-font-size-h2, 24px); line-height: var(--theme-heading-line-height-h2, 30px); font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal)); margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: var(--theme-heading-font-size-h3, 20px); line-height: var(--theme-heading-line-height-h3, 26px); font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: var(--theme-heading-font-size-h4, 16px); line-height: var(--theme-heading-line-height-h4, 22px); font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal)); margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { font-size: var(--theme-heading-font-size-h5, 14px); line-height: var(--theme-heading-line-height-h5, 22px); font-weight: var(--theme-heading-font-weight-h5, bold); margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { font-size: var(--theme-heading-font-size-h6, 12px); line-height: var(--theme-heading-line-height-h6, 20px); font-weight: var(--theme-heading-font-weight-h1, bold); margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: 4px; border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: flex; align-items: center; justify-content: flex-end; } .toc .toctogglespan { font-size: 1em; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 0.5em; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: 4px; transition: background 0.1s; } .toc > ul a:hover { text-decoration: none; background: var(--theme-highlight-background); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } .gallery.mw-gallery-traditional { display: flex; gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0); flex-wrap: wrap; margin: auto; } .gallery.mw-gallery-traditional.center { justify-content: center; } .gallery.mw-gallery-traditional .gallerybox { width: min-content !important; margin: 0; } .gallery.mw-gallery-traditional .gallerybox > div { width: unset !important; } .gallery.mw-gallery-traditional .gallerybox .thumb { background: none; border: 0; margin: 0; } .gallery.mw-gallery-traditional .gallerybox .thumb > div { border: 1px solid var(--theme-border-color); } .gallery.mw-gallery-traditional .gallerytext { font-size: 12px; } .gallery.mw-gallery-traditional .gallerytext p { width: auto; } html .thumbimage { background-color: transparent; border: 0; } /** gallery **/ div.thumbinner { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); } li.gallerybox div.thumb { border-radius: var(--theme-box-border-radius); } .gallery * { box-sizing: initial; } .mw-gallery-traditional .thumb { display: flex; } .mw-gallery-traditional .thumb a { display: block; } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--theme-pi-background, var(--theme-background)); --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent)); --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb)); --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color)); --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5)); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************** * Template:Navbox ***********************************************************/ #content { --wiki-content-border-color: var(--theme-border-color); --wiki-accent-label-color: var(--theme-accent-label-color); --wiki-accent-color: var(--theme-border-color-accent); --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb); --wiki-content-text-color: var(--theme-text-color); --wiki-accent-link-color: var(--theme-accent-label-link-color); } /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { content: " ·"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) " "; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) " "; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: rgba(255, 255, 255, 0.0666666667); } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /*********************** * Start DRUID infoboxes * ************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width: 100%; max-width: 22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align: center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background: rgba(var(--druid-secondary-background-color--rgb), 0.75); color: var(--druid-secondary-background-label-color); text-align: center; font-size: 1.5em; padding: 1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-label { font-weight: bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; flex: 1 1 auto; text-align: center; transition: 0.1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item > .druid-label, .druid-grid-item > .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: "–"; display: block; position: absolute; right: 10px; font-size: 20px; font-weight: bold; color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { content: "+"; } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /*********************** * End DRUID infoboxes * ************************/ /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /********* [[Template:Ambox]] *********/ .ambox { border: 1px solid var(--theme-border-color); border-left: 10px solid var(--theme-border-color-accent); border-radius: 2px; display: flex; align-items: center; gap: 0.6em; margin: 1em 0; padding: 3px 0.6em; background-color: var(--theme-background); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333); } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: 0.04rem 0.5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -0.6em; } .ambox-content p { margin: 0.15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-border-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-background); border-radius: 5px; border: 2px solid var(--theme-border-color); margin: 0.5em 0; padding: 0.5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "“"; margin-top: 40px; } .quote .marks-wrapper::after { content: "”"; align-self: end; margin-bottom: -10px; } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); padding: 1.5em; } #mainpage-wrap h2 { margin-top: 0; border-bottom: 0; } #mainpage-wrap .content-wrap { display: flex; gap: 1em; align-items: stretch; margin-bottom: 1em; } #mainpage-wrap .content-wrap .l { flex: 4 4 800px; display: flex; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { flex: 1 1 300px; display: flex; flex-direction: column; gap: 1em; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { flex-direction: column; } #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r { flex: 1 1 auto; } } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } #mainpage-wrap .box.game > div { display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: rgba(127, 127, 127, 0.15); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .mw-datatable { border-color: var(--theme-border-color); } .mw-datatable tr:hover td { background: var(--theme-highlight-background); } .mw-datatable th { background: var(--theme-table-header-background); } .cargo-pagevalues-tableinfo { background: var(--theme-box-background); } .license { border: 1px solid var(--theme-border-color-accent); padding: 5px; display: flex; gap: 1em; } .wikiEditor-ui-toolbar { color: #000; } .mw-collapsible-toggle { color: var(--theme-text-color-note); } .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-link-color); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url(/resources/src/jquery.tablesorter.styles/images/sort_both.svg?0e440) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--theme-icon-color); } /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ #filetoc, code, .mw-changeslist-legend, .mw-search-profile-tabs, #mw-searchoptions, .mw-datatable td { background: none; } /* ref */ ol.references li:target, sup.reference:target { background-color: rgba(255, 255, 255, 0.15); } #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } li.gallerybox div.thumb { background: var(--theme-box-background); } ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .oo-ui-tabSelectWidget-framed, #preferences .mw-htmlform-submit-buttons { background: none; } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } table.diff .diff-context { background: rgba(248, 249, 250, 0.15); color: var(--theme-text-color); } table.diff .diff-addedline .diffchange { background: rgba(74, 166, 255, 0.6); } table.diff .diff-deletedline .diffchange { background: rgba(255, 198, 63, 0.6); } :root { --pi-background: rgba(255,255,255, 0.1); } div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #231c3b; } div.thumbinner { background: none; } #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } #mw-indicator-mw-helplink a { background: none; position: relative; } #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); filter: invert(1); } .mw-plusminus-pos { color: #7cf56e; } .mw-plusminus-neg { color: #ff9a9b; } .autocomment, .autocomment a, .autocomment a:visited { color: var(--theme-text-color-note); } .mw-message-box-warning { background-color: rgba(54, 44, 10, 0.5); border-color: #fc3; color: #fff; } fieldset { border-color: #ccc; } .mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code { color: #ccc; } .mw-highlight .nv { color: #01C2EC; } .horse-userprofile { background-color: transparent; } .tabber__header--prev-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%); mask-image: linear-gradient(90deg, transparent, #fff 20%); } .tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent); mask-image: linear-gradient(90deg, #fff 80%, transparent); } .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs { -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent); } .tabber__indicator { background: #01c2ec; } .tabber__tab { color: #ccc; } .tabber__tab:visited { color: #ccc; } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: #01c2ec; } .tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after { background-color: #01c2ec; } @media (hover: hover) { .tabber__tab:hover { color: #32d8ff; } .tabber__tab:active { color: #05b8e0; } .tabber__header__prev:hover, .tabber__header__next:hover { background-color: rgba(0, 24, 73, 0.03); } .tabber__header__prev:active, .tabber__header__next:active { background-color: rgba(0, 24, 73, 0.05); } } .not-patrolled { background-color: rgba(255, 255, 170, 0.15); } .updatedmarker { background-color: rgba(183, 244, 48, 0.4); } .license .icon { filter: invert(1) hue-rotate(180deg); } #editform .wikiEditor-ui, #editform .editOptions { filter: invert(1) hue-rotate(180deg); } .mw-rcfilters-head, .mw-rcfilters-ui-overlay { filter: invert(1) hue-rotate(180deg); } dea0b6de68368c6c2e1e88c10590509d69b5348a 8 24 233 27 2024-07-23T15:50:01Z Westgrass 40 css text/css /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: 300; --theme-site-logo-height--px: 300; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: drop-shadow(0 0 10px rgba(0,0,0, 0.3)); /*** site background ***/ --theme-site-background: #7dcff5 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #444; --theme-box-border-radius: 4px; --theme-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); --theme-box-back-background: rgba(255,255,255,0.7); --theme-box-back-backdrop-filter: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.85),rgba(255,255,255,0.85)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--wikigg-header-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } aa6f2bfaa3f81735042685b66b7005d1b1807eaa 237 233 2024-07-23T15:53:14Z Westgrass 40 css text/css /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: 638; --theme-site-logo-height--px: 162; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: drop-shadow(0 0 10px rgba(0,0,0, 0.3)); /*** site background ***/ --theme-site-background: #7dcff5 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #444; --theme-box-border-radius: 4px; --theme-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); --theme-box-back-background: rgba(255,255,255,0.7); --theme-box-back-backdrop-filter: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.85),rgba(255,255,255,0.85)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--wikigg-header-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } 6c1c92df6b6c621916c7aaf9e12ed57168ff8856 238 237 2024-07-23T15:53:34Z Westgrass 40 css text/css /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: 638; --theme-site-logo-height--px: 162; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: drop-shadow(0 0 10px rgba(0,0,0, 0.3)); /*** site background ***/ --theme-site-background: #7dcff5 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #444; --theme-box-border-radius: 4px; --theme-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); --theme-box-back-background: rgba(255,255,255,0.7); --theme-box-back-backdrop-filter: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.85),rgba(255,255,255,0.85)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--wikigg-header-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } 83c1583f6e9ffd8910029fac700f3e7ba2bd1f2a 239 238 2024-07-23T15:55:07Z Westgrass 40 css text/css /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: 638; --theme-site-logo-height--px: 162; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: drop-shadow(0 0 10px rgba(0,0,0, 0.3)); /*** site background ***/ --theme-site-background: #080808 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #444; --theme-box-border-radius: 4px; --theme-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); --theme-box-back-background: rgba(255,255,255,0.15); --theme-box-back-backdrop-filter: blur(5px); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0.15)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--wikigg-header-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } ddcffceac804dcdfb96f55ecd63a4a623d5fb7e5 240 239 2024-07-23T15:56:23Z Westgrass 40 css text/css /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: 638; --theme-site-logo-height--px: 162; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: drop-shadow(0 0 10px rgba(0,0,0, 0.3)); /*** site background ***/ --theme-site-background: #080808 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #444; --theme-box-border-radius: 4px; --theme-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); --theme-box-back-background: rgba(50,50,50,0.5); --theme-box-back-backdrop-filter: blur(5px); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(50,50,50,0.7),rgba(50,50,50,0.7)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--wikigg-header-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } b4035a5be0799cc6f473a18fe2fbdb0ecbdff788 241 240 2024-07-23T15:57:00Z Westgrass 40 css text/css /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: 638; --theme-site-logo-height--px: 162; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: drop-shadow(0 0 10px rgba(0,0,0, 0.3)); /*** site background ***/ --theme-site-background: #080808 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-border-radius: 0px; --theme-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); --theme-box-back-background: rgba(50,50,50,0.5); --theme-box-back-backdrop-filter: blur(5px); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(50,50,50,0.7),rgba(50,50,50,0.7)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--wikigg-header-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } f1602a42260854506c271fd0756ca15d4748e37a 242 241 2024-07-23T15:57:54Z Westgrass 40 css text/css /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: 638; --theme-site-logo-height--px: 162; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: drop-shadow(0 0 10px rgba(0,0,0, 0.8)); /*** site background ***/ --theme-site-background: #080808 url(/images/8/80/Site-background.jpg) center top / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-border-radius: 0px; --theme-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); --theme-box-back-background: rgba(50,50,50,0.5); --theme-box-back-backdrop-filter: blur(5px); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(50,50,50,0.7),rgba(50,50,50,0.7)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--wikigg-header-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } de1256ea62049a224d5481899106849df82c79e1 243 242 2024-07-23T15:58:28Z Westgrass 40 css text/css /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: 638; --theme-site-logo-height--px: 162; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: drop-shadow(0 0 10px rgba(0,0,0, 0.8)); /*** site background ***/ --theme-site-background: #080808 url(/images/8/80/Site-background.jpg) center top / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-border-radius: 0px; --theme-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); --theme-box-back-background: rgba(50,50,50,0.5); --theme-box-back-backdrop-filter: blur(10px); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(50,50,50,0.7),rgba(50,50,50,0.7)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(255,255,255,0.95); --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--wikigg-header-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } d28d3c994e40fee268348c6595cb3e695d0f9a40 245 243 2024-07-23T16:01:01Z Westgrass 40 css text/css /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: 638; --theme-site-logo-height--px: 162; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: drop-shadow(0 0 10px rgba(0,0,0, 0.8)); /*** site background ***/ --theme-site-background: #080808 url(/images/8/80/Site-background.jpg) center top / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-border-radius: 0px; --theme-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); --theme-box-back-background: rgba(50,50,50,0.5); --theme-box-back-backdrop-filter: blur(10px); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(50,50,50,0.7),rgba(50,50,50,0.7)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(50,50,50,0.95); --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--wikigg-header-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } d3c4d115fcdca1de8634a11a0d726286421d9b05 247 245 2024-07-23T16:02:55Z Westgrass 40 css text/css /*********************************************************************************************************** * interface theming vars. ***********************************************************************************************************/ :root { /*** main site logo ***/ --theme-site-logo-width--px: 638; --theme-site-logo-height--px: 162; --theme-site-logo-image: url(/images/e/e6/Site-logo.png); --theme-site-logo-filter: drop-shadow(0 0 10px rgba(0,0,0, 1)); /*** site background ***/ --theme-site-background: #080808 url(/images/8/80/Site-background.jpg) center top / cover no-repeat fixed; /* common interface "box" style */ --theme-box-border-width: 1px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-border-radius: 0px; --theme-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); --theme-box-back-background: rgba(50,50,50,0.5); --theme-box-back-backdrop-filter: blur(10px); /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: linear-gradient(rgba(50,50,50,0.7),rgba(50,50,50,0.7)); --theme-background: var(--theme-box-background), var(--theme-box-back-background); /* dropdown menu */ --theme-dropdown-border: 1px solid var(--theme-box-border-color); --theme-dropdown-background: rgba(50,50,50, 0.95); --theme-dropdown-backdrop-filter: none; /** notification **/ --theme-notice-red-text-color: #ff001f; --theme-notice-orange-text-color: #ffab5b; } /* sidebar */ #mw-panel { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-border-width: 0; --theme-gap: 0; } /* copyright footer */ #footer { --theme-background: none; } /* navbar */ #mw-head { --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-background: none; --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: var(--theme-box-background); --theme-tab-background-selected: var(--theme-box-background); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); } #mw-head #p-search { --theme-border-color: var(--theme-box-border-color); --theme-link-color: var(--theme-text-color); --theme-background: var(--theme-box-background); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); } /* search result suggestion */ body > .suggestions { --theme-border-color: var(--theme-box-border-color); --theme-rule-color: var(--theme-border-color); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 30px; /* whitespace width on most left and most right */ --layout-content-width: minmax(0,1fr); --layout-box-gap-x: 12px; --layout-box-gap-y: 12px; --layout-logo-scale: 1; --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale)); --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale)); --dropdown-item-padding-x: 12px; --dropdown-item-padding-y: 4px; --layout-search-box-width: 16em; --layout-content-min-height: 30em; --layout-padding-x: 24px; --layout-padding-y: 16px; } @media screen and (min-width: 1776px) { :root { --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */ --layout-content-width: 1500px; } } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--wikigg-header-height) + 30px); background: var(--theme-site-background); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end]; gap: 0 var(--layout-box-gap-x); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** wiki.gg header **/ header#wikigg-header { position: sticky; grid-column: body-left/body-right; grid-row: topbar-start/topbar-end; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: footerbar-start/footerbar-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-height); left: 0; top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y)); background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat; margin: 0; display: flex; align-items: center; justify-content: center; filter: var(--theme-site-logo-filter, none); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 6px; --list-body-padding-y: 3px; display: flex; flex-direction: column; gap: var(--layout-box-gap-y) var(--layout-box-gap-x); } #mw-panel .menu-toggle { display: none; } #mw-panel #t-print { display: none; } #mw-panel a { text-decoration: none; } /* section box */ #mw-panel .portal { margin: 0; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); } #mw-panel .portal .vector-menu-heading { /* section heading */ background: none; margin: 0; padding: 6px 10px; font-size: 16px; line-height: 18px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 4px 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li:hover { background: var(--theme-highlight-background); } #mw-panel .portal .body li a { display: block; padding: var(--list-body-padding-y) var(--list-body-padding-x); color: var(--theme-link-color); } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a:hover { color: var(--theme-link-color-hover); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { text-indent: calc(var(--list-body-font-size) + 2px); background-position: var(--list-body-padding-x) center; /* align icon with other text */ } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } #mw-head { border-bottom-width: 0; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 12px; --tab-padding-y: 5px; --tab-padding-x-icon: var(--tab-padding-y); --icon-size: 1em; padding: var(--layout-padding) 0 0 0; background: var(--theme-background); position: relative; display: flex; justify-content: space-between; align-items: stretch; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; flex: 1 1 auto; margin: 0; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { justify-content: flex-start; } #mw-head #right-navigation { justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); --theme-icon-color: var(--theme-tab-color-selected); --theme-icon-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content ul { padding: 4px; } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-link-color-hover); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; line-height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-inner { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: 2px; width: var(--layout-search-box-width); min-width: unset; max-width: unset; } #mw-head #p-search .vector-search-box-inner:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-inner:focus-within { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); } #mw-head #p-search .vector-search-box-input { border: 0; color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:focus { outline: 0; box-shadow: none; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; border-bottom-color: var(--theme-rule-color); } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-link-color-hover); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-link-color-hover); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: flex; flex-direction: column; background: var(--theme-box-background); background-clip: padding-box; --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); } .content-body { flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: flex; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; height: 0; border-bottom: 1px solid var(--theme-heading-rule-color-h2); margin-top: 4px; margin-bottom: var(--layout-padding-y); } /** content body box **/ #mw-content-text { flex: 1 1 auto; min-height: var(--layout-content-min-height); } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 1px solid var(--theme-border-color); border-radius: var(--theme-box-border-radius); margin: var(--layout-padding-y) 0 0 0; padding: 0.5em 1em; } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y)); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1365px) { /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end]; } /* re-style navbar */ #mw-panel { flex-direction: row; align-self: end; align-items: flex-end; height: min-content; box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); padding: 0 var(--layout-box-gap-x); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { margin: 0; transform: unset; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal.collapsed .vector-menu-heading::after { transform: none; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 4px; } #mw-panel .portal .body li a { padding: 6px 12px; } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { transform: scaleY(-1); } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { padding: var(--layout-padding); border-bottom: 0; position: absolute; right: 0; top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */ z-index: 2; background: none; } .vector-search-box-inner { width: var(--layout-search-box-width); max-width: unset; min-width: unset; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: var(--layout-logo-width) auto; margin: 0; top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y)); } #p-logo .mw-wiki-logo { width: var(--layout-logo-width); height: var(--layout-logo-height); } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } .mw-indicators { z-index: auto; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { --height: 36px; box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow)); display: block; height: calc(var(--height) + var(--theme-box-border-width) * 2); } #mw-panel .portal { box-sizing: border-box; display: none; box-shadow: none; background: var(--theme-dropdown-background); backdrop-filter: var(--theme-dropdown-backdrop-filter); border-left: var(--theme-dropdown-border); border-right: var(--theme-dropdown-border); margin: 0; border-radius: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; backdrop-filter: none; padding: 4px 12px; width: 100%; box-sizing: border-box; } #mw-panel .portal .body ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: var(--theme-dropdown-border); border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); } #mw-panel .menu-toggle { --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; display: block; flex: 0 0 auto; width: 24px; height: 24px; margin: calc((var(--height) - 24px) / 2) 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; border-top: var(--theme-dropdown-border); } .vector-search-box-inner { width: 100vw; max-width: var(--layout-search-box-width); } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; --icon-margin: 0px; --tab-padding-y: 5px; --tab-padding-x: 5px; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */ height: calc(var(--icon-size) + var(--icon-margin) * 2); line-height: calc(var(--icon-size) + var(--icon-margin) * 2); box-sizing: content-box; padding: var(--tab-padding-y) var(--tab-padding-x-icon); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ padding: var(--tab-padding-y) var(--tab-padding-x); } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-icon-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span, #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */ #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } /* https://github.com/sschoger/heroicons-ui/ */ #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } /* https://www.iconfinder.com/iconsets/core-ui-outlined */ #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { :root { --layout-logo-scale: 0.5; } .vector-search-box-inner { width: 80vw; max-width: var(--layout-search-box-width); } /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: calc(1/3); } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc); border-radius: var(--theme-box-border-radius, 0px); backdrop-filter: var(--theme-box-back-backdrop-filter, none); box-shadow: var(--theme-box-shadow, none); background: var(--theme-background); transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } .mw-dismissable-notice { position: fixed; left: 2em; right: 2em; bottom: 4em; background: var(--theme-background); max-width: 500px; min-height: 80px; padding: 12px 8px; box-sizing: border-box; text-align: left; border: 1px solid var(--theme-border-color-accent); border-left-width: 8px; backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: 0 0 10px rgba(127, 127, 127, 0.3); } .mw-dismissable-notice .mw-dismissable-notice-close { font-size: 11px; } .mw-dismissable-notice .mw-dismissable-notice-body { margin: 0px 40px 0px 24px; font-size: 14px; } .mw-dismissable-notice #localNotice { margin: 0; } 1b01a30cb5bc03af56b988f5b3b07a16f633cb1b 8 206 248 2024-07-23T16:04:33Z Westgrass 40 Created page with "* navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage * Links ** https://x.com/BeautifulLght | Beautiful Light on X ** https://discord.gg/project-bl | Discord server ** https://store.steampowered.com/app/1313230/Beautiful_Light/ | Steam page * SEARCH * TOOLBOX * LANGUAGES" wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage * Links ** https://x.com/BeautifulLght | Beautiful Light on X ** https://discord.gg/project-bl | Discord server ** https://store.steampowered.com/app/1313230/Beautiful_Light/ | Steam page * SEARCH * TOOLBOX * LANGUAGES dddc892eb25edea8078ffdb4c0d874f85b492b4b 6 207 251 2024-07-23T16:18:03Z Westgrass 40 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 208 252 2024-07-23T16:18:08Z Westgrass 40 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 209 253 2024-07-23T16:18:15Z Westgrass 40 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 210 254 2024-07-23T16:18:21Z Westgrass 40 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 6 202 255 228 2024-07-23T16:18:34Z Westgrass 40 Westgrass uploaded [[File:Keyart.jpg]] wikitext text/x-wiki {{license|game}}[[Category:Images]] fda00382db44458e9e69913e1fc3934a8173c5e7 0 211 256 2024-07-23T16:19:01Z Westgrass 40 Created page with "{{stub}} Squad up and enter a 2km² hostile and horrific environment filled with [[lore]] and [[unique places]]" wikitext text/x-wiki {{stub}} Squad up and enter a 2km² hostile and horrific environment filled with [[lore]] and [[unique places]] 5699afbf24e41a6743099f791dc12774f980a207 0 212 257 2024-07-23T16:19:05Z Westgrass 40 Created page with "{{stub}} Squad up and enter a 2km² hostile and horrific environment filled with [[lore]] and [[unique places]]" wikitext text/x-wiki {{stub}} Squad up and enter a 2km² hostile and horrific environment filled with [[lore]] and [[unique places]] 5699afbf24e41a6743099f791dc12774f980a207 0 213 258 2024-07-23T16:19:14Z Westgrass 40 Created page with "{{stub}} Be ready to face many situations, each raid is unique." wikitext text/x-wiki {{stub}} Be ready to face many situations, each raid is unique. 6a404afceb0890cc4120fc5ccb80f1ca5cc9ca90 0 214 259 2024-07-23T16:19:25Z Westgrass 40 Created page with "{{stub}} Find your way to secure the mysterious artifacts while operators and anomalies prevent you from completing your mission." wikitext text/x-wiki {{stub}} Find your way to secure the mysterious artifacts while operators and anomalies prevent you from completing your mission. fda9e369f61f313879a61122ff3231737a4bd919 0 215 260 2024-07-23T16:19:31Z Westgrass 40 Created page with "{{stub}} Find your way to secure the mysterious artifacts while operators and anomalies prevent you from completing your mission." wikitext text/x-wiki {{stub}} Find your way to secure the mysterious artifacts while operators and anomalies prevent you from completing your mission. fda9e369f61f313879a61122ff3231737a4bd919 0 216 261 2024-07-23T16:19:36Z Westgrass 40 Created page with "{{stub}} Find your way to secure the mysterious artifacts while operators and anomalies prevent you from completing your mission." wikitext text/x-wiki {{stub}} Find your way to secure the mysterious artifacts while operators and anomalies prevent you from completing your mission. fda9e369f61f313879a61122ff3231737a4bd919